Adriaan Zonnenberg b5c8e6f330 Highlight the surrounding tags correctly
Removes omit_attr argument from s:register_language(), because html,
javascript, and css regions were the only ones that used it, and they
are now handled by syntax/html.vim.

`runtime! syntax/html.vim` also has the advantage that we can hook into
the html syntax, meaning that we can add stuff like highlighting
javascript expressions inside vue directives, and add our own html
attributes.

Also removes the start of line limitation introduced in previous commit
2017-03-26 21:25:20 +02:00
2016-10-22 08:12:02 +08:00
2017-03-22 23:34:53 +01:00

vim-vue

Vim syntax highlighting for Vue components.

This was initially forked from darthmall/vim-vue. I already have an implementation for this but found his code much cleaner. That's why I created a new version instead of a PR.

Installation

Install with Vundle

Plugin 'posva/vim-vue'

Install with Pathogen

cd ~/.vim/bundle && \
git clone https://github.com/posva/vim-vue.git

Install without a plugin manager (Vim 8)

git clone https://github.com/posva/vim-vue.git ~/.vim/pack/plugins/start

Integration with Syntastic

Currently only eslint is available. Please make sure eslint and eslint-plugin-vue are installed:

npm i -g eslint eslint-plugin-vue

Typescript support

You can use typescript by adding one of the following attributes/values to your component's script tag:

<script ts></script>
<script lang="ts"></script>
<script lang="typescript"></script>

Choose one that works with your module bundler

Contributing

If your language is not getting highlighted open an issue or a PR with the fix. You only need to add some lines to the syntax/vue.vim file.

FAQ

Where is Jade?

Jade has been renamed to pug. Therefore you have to replace all your jade occurrences with pug. The new plugin for pug can be found on the same repository (the name has already been updated).

Description
Syntax Highlight for Vue.js components
Readme MIT 225 KiB
Languages
Vim Script 88.5%
Makefile 10.7%
Dockerfile 0.8%