vim-vue-plugin/README.md

vim-vue-plugin

Vim syntax and indent plugin for .vue and .wpy files. Mainly inspired by mxw/vim-jsx.

Install

• Use VundleVim

    Plugin 'leafOfTree/vim-vue-plugin'
  

• Or manual: download vim-vue-plugin and drop it in Vim/vimfiles.

Plugin works if filetype is set to javascript.vue. Please stay up to date. Any issue or pull request is welcome.

How it works

Since .vue is a combination of CSS, HTML and JavaScript, so is vim-vue-plugin. (Like XML and JavaScript for .jsx).

• Support .wpy files from WePY
• Support Pug(<template lang="pug">) with vim-pug (see Configuration).

Configuration

Set global variable to 1 to enable or 0 to disable.

Ex:

let g:vim_vue_plugin_has_init_indent = 1

variable	description	default
g:vim_vue_plugin_has_init_indent	initially indent one tab inside style/script tags.	0 for .vue. 1 for .wpy
g:vim_uue_plugin_load_full_syntax*	enable: load all syntax files in runtimepath. disable: only in syntax and vimfiles/syntax	0
g:vim_uue_plugin_use_pug*	enable vim-pug pug syntax for <template lang="pug">.	0
g:vim_vue_plugin_debug	echo debug message in messages list. Useful to debug if indent errors occur.	0

*: May be slow if enabled. Find balance between syntax highlight and speed. Anyway, Custom syntax could be added in vimfiles/syntax/*.vim.

Screenshot

Acknowledgments & Refs

mxw/vim-jsx

Single File Components