darthmall/vim-vue

Basic syntax highlight for Vue.js components

No longer maintained

vim-vue

Vim syntax highlighting for Vue components.

Installation

Install with Vundle

Add this line to your vimrc:

Plugin 'darthmall/vim-vue'

Then reload your vim configuration and run PluginInstall:

:source ~/.vimrc
:PluginInstall

Manual Installation

$ git clone https://github.com/darthmall/vim-vue.git
$ cp vim-vue/ftdetect/vue.vim ~/.vim/ftdetect/
$ cp vim-vue/syntax/vue.vim ~/.vim/syntax

vim-vue's Issues

Improvement: Jade

With a bit of modification, you can add Jade syntax hilight.

Original syntax/vue.vim

  9 syntax include @HTML syntax/html.vim
 10 unlet b:current_syntax
 11 syntax region template keepend start=/<template\( lang="[a-zA-Z]\+"\)\?>/ end="</template>" contains=@HTML fold

With Jade support:

  9 syntax include @HTML syntax/html.vim
 10 unlet b:current_syntax
 11 syntax region template keepend start=/<template>/ end="</template>" contains=@HTML fold
 12 
 13 syntax include @JADE syntax/jade.vim
 14 unlet b:current_syntax
 15 syntax region template keepend start=/<template lang="jade">/ end="</template>" contains=@JADE fold

Peace.

Improvement: Sass

Add sass support with the following,

syntax include @sass syntax/sass.vim
unlet b:current_syntax
syntax region sass keepend start=/<style\( \+scoped\)\? lang="[^"]*sass[^"]*"\( \+scoped\)\?>/ end="</style>" contains=@sass fold