# vim-vue-plugin

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

## Install

- Use [VundleVim][2]

        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](https://tencent.github.io/wepy)
- Support Pug(`<template lang="pug">`) with [vim-pug][4] (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

![screenshot](static/screenshot.png)

## Acknowledgments & Refs

[mxw/vim-jsx][1]

[Single File Components][3]

[1]: https://github.com/mxw/vim-jsx "mxw: vim-jsx"
[2]: https://github.com/VundleVim/Vundle.vim
[3]: https://vuejs.org/v2/guide/single-file-components.html
[4]: https://github.com/digitaltoad/vim-pug