はじめに
普段開発時に私が使用しているテキストエディタはVim(正確にはNeovim)なのですが、
Svelte.jsの.svelteファイルを開くと全てのコードが真っ白で開発しずらかったので、何かシンタックスハイライトをつけるいい方法がないか探した。
vim-svelte
一番手取り早いのはVimのプラグインを見つけることだったので、Svelteのプラグイン情報が載っているSvelte Communityで探すことに、、
正直ないだろうなーって思っていたのですが、探したらなんとvim-svelteというものがありました。早速インストールしました。
私のプラグイン管理はdein.tomlで行っていたので、以下のようにプラグインを追加してインストール
[[plugins]] # Svelte.js
repo = 'evanleck/vim-svelte'
再度Vimを開き直して、Sapperのtemplateを確認したところシンタックスハイライトがつきました！！
見やすい！！
if文にもしっかりついていていい感じです。
これでVimでも快適にSvelte.jsが使えそうです。
ちなみに初期状態だと<script>タグと<style>タグにインデント挿入されるようになっていますが、以下の設定を追加することで無効化することが可能みたいです。
let g： svelte_indent_script = 0
let g： svelte_indent_style = 0