vim-svelte-plus

A Vim plugin that provides syntax highlighting and filetype detection for Svelte 5 components.

Purpose

Since the last Svelte 5 update, new keywords were added to the Svelte framework (like runes).
I couldn't find any active svelte-vim repository where I could make a PR to add support for the latest syntax.
Furthermore, some of those new keywords were already incorrectly handled by html.vim and javascript.vim plugins which were dependencies of other svelte-vim plugins.
I felt like it could be a good project to create a new svelte-vim plugin that would be standalone and updated with the latest features.
I would still like to thank other people who have built their own svelte-vim plugins since this one is greatly inspired by them.

Installation

Using Vim 8+ native package management

mkdir -p ~/.vim/pack/plugins/start
cd ~/.vim/pack/plugins/start
git clone https://github.com/viastolfi/vim-svelte-plus.git

Using vim-plug

Add this to your .vimrc:

Plug 'viastolfi/vim-svelte-plus'

Then run :PlugInstall.

Using Vundle

Add this to your .vimrc:

Plugin 'viastolfi/vim-svelte-plus'

Then run :PluginInstall.

Using Pathogen

cd ~/.vim/bundle
git clone https://github.com/viastolfi/vim-svelte-plus.git

Usage

Once installed, the plugin will automatically:

1. Detect .svelte files and set the filetype to svelte
2. Apply syntax highlighting to Svelte components
3. Highlight JavaScript keywords within <script> tags

Running Tests

This plugin uses vader.vim for testing.

To run the tests:

make test

Related Projects

• vim-svelte - Another Vim plugin for Svelte
• svelte-language-server - Language server for Svelte

Acknowledgments

• Svelte team for creating an amazing framework
• vader.vim for the testing framework

Author

This project is entirely made by me (ASTOLFI Vincent). I suggest you to check on my github profile if you want to see the other project I've done for my studies or the ones I do in my free time.