tsuquyomi-vue

An extension of Quramy/tsuquyomi to integrate Vim with Vue.js Single File Components. This allows to open a .vue file as a TypeScript source file.

How to use

Requirements

1. Install Quramy/tsuquyomi into your vim.
2. (Optional) Install posva/vim-vue into your vim.
3. Install typescript@^2.2.1 into your project.
4. Install vue-ts-plugin into your project and configure tsconfig.json.

Install

Install with Vundle

Plugin 'Quramy/tsuquyomi-vue'

Install with Pathgon

cd ~/.vim/bundle
git clone https://github.com/Quramy/tsuquyomi-vue.git

Install with NeoBundle

NeoBundle 'Quramy/tsuquyomi-vue'

and :NeoBundleInstall.

example

• .vimrc

" .vimrc

NeoBundle 'posva/vim-vue'
NeoBundle 'Quramy/tsuquyomi'
NeoBundle 'Quramy/tsuquyomi-vue'

autocmd BufNewFile,BufRead *.vue set filetype=vue

• tsconfig.json

{
  "compilerOptions": {
    "module": "es2015",
    "target": "es5",
    "allowSyntheticDefaultImports": true,
    "moduleResolution": "node",
    "plugins": [
      { "name": "vue-ts-plugin" }
    ]
  }
}