nvim-svelte-snippets

KO | EN

gitlite — search

#python #llm #android #docker #nodejs #macos #windows #kubernetes #vue #security #pytorch #ios #openai #open-source

nvim-svelte-snippets

(★ 29)

Snippets for Svelte and SvelteKit for Neovim powered by Luasnip

nvim-svelte-snippets 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Svelte Snippets for Neovim

A collection of useful snippets for Svelte(Kit) development in Neovim using LuaSnip with TypeScript support.

_disclaimer: this plugin is in development, so not all features work correctly and things might change before official launch_

## Prerequisites

- Neovim >= 0.9.0
- [lazy.nvim](https://github.com/folke/lazy.nvim)
- [LuaSnip](https://github.com/L3MON4D3/LuaSnip)

## Installation

Using [lazy.nvim](https://github.com/folke/lazy.nvim):

```lua
{
    "nvim-svelte/nvim-svelte-snippets",
    dependencies = "L3MON4D3/LuaSnip",
    opts = {
        -- your configuration comes here
        -- or leave empty for defaults
    }
}
```

## Configuration

You can configure the plugin by passing options to the setup function:

```lua
{
    "nvim-svelte/nvim-svelte-snippets",
    dependencies = "L3MON4D3/LuaSnip",
    opts = {
        enabled = true,      -- Enable/disable snippets globally
        auto_detect = true,  -- Only load in SvelteKit projects
        prefix = "kit"       -- Prefix for TypeScript snippets (e.g., kit-load)
    }
}

```

## Demos

### Load Functions

https://github.com/user-attachments/assets/1e475ee6-d00d-4360-ba2b-3254bd8c1c3b

## How It Works

When enabled, the plugin:

- Always loads Svelte snippets for `.svelte` files in any project
- Only loads TypeScript snippets for `.ts` files in SvelteKit projects (when `auto_detect` is true)
- Can be configured to load TypeScript snippets in any project by setting `auto_detect` to false

### Configuration Options

- `enabled`: Enable or disable all snippets globally (default: `true`)
- `auto_detect`: When true, only loads SvelteKit TypeScript snippets in detected SvelteKit projects (default: `true`). Svelte snippets for `.svelte` files are always loaded regardless of this setting.
- `prefix`: Add prefix to TypeScript snippets (default: `"kit"`)

### Commands

- `:ToggleSvelteKitSnippets` - Toggle SvelteKit snippets on/off in TypeScript files

## Available Snippets

### Svelte Snippets (.svelte files)

| Trigger      | Description                                      |
| ------------ | ------------------------------------------------ |
| `page`       | Creates a new SvelteKit page component           |
| `if`         | Creates a Svelte if block                        |
| `each`       | Creates a Svelte each block                      |
| `await`      | Creates a complete Svelte await block            |
| `await-then` | Creates a Svelte await block with then shorthand |
| `key`        | Creates a Svelte key block                       |
| `snippet`    | Creates a Svelte snippet block (Svelte 5)        |

### TypeScript Snippets (SvelteKit route files)

All TypeScript snippets use the prefix configured in your settings (default: `kit-`)

| Trigger             | Description                                     |
| ------------------- | ----------------------------------------------- |
| `kit-load`          | Creates a load function with auto-detected type |
| `kit-actions`       | Creates form actions template with proper types |
| `kit-get`           | Creates a GET endpoint handler                  |
| `kit-post`          | Creates a POST endpoint handler                 |
| `kit-put`           | Creates a PUT endpoint handler                  |
| `kit-patch`         | Creates a PATCH endpoint handler                |
| `kit-delete`        | Creates a DELETE endpoint handler               |
| `kit-param-matcher` | Creates a param matcher                         |

## Keybindings

Default LuaSnip keybindings for navigating snippets:

- `<Tab>`: Jump forward to next snippet position
- `<S-Tab>`: Jump backward to previous snippet position

## Contributing

Contributions are welcome! See the [CONTRIBUTING.md](CONTRIBUTING.md) file for development instructions.

## License

MIT

nvim-svelte-snippets

nvim-svelte-snippets 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

nvim-svelte-snippets

nvim-svelte-snippets 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README