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 Pug(<template lang="pug">) with vim-pug.
• Support .wpy files from WePY

Configuration

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

g:vim_vue_plugin_has_init_indent: initially indent one tab inside style/script tags. (default: 0 for .vue and 1 for .wpy)

let g:vim_vue_plugin_has_init_indent = 1

g:vim_vue_plugin_debug: echo debug message in messages list. Useful to debug if indent errors occur. (default: 0)

let g:vim_vue_plugin_debug = 1

Screenshot

Acknowledgments & Refs

mxw/vim-jsx

Single File Components