mirror of
https://github.com/leafOfTree/vim-vue-plugin.git
synced 2025-12-09 22:25:12 +08:00
75 lines
2.4 KiB
VimL
75 lines
2.4 KiB
VimL
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
|
|
" Vim syntax file
|
|
"
|
|
" Language: Vue (Wepy)
|
|
" Maintainer: leaf <leafvocation@gmail.com>
|
|
"
|
|
" CREDITS: Inspired by mxw/vim-jsx.
|
|
"
|
|
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
|
|
function! s:LoadDefaultSyntax(group, type)
|
|
unlet! b:current_syntax
|
|
exec 'syn include '.a:group.' $VIMRUNTIME/syntax/'.a:type.'.vim'
|
|
exec 'silent! syn include '.a:group.' $VIM/vimfiles/syntax/'.a:type.'.vim'
|
|
exec 'silent! syn include '.a:group.' $HOME/.vim/syntax/'.a:type.'.vim'
|
|
endfunction
|
|
|
|
function! s:LoadFullSyntax(group, type)
|
|
unlet! b:current_syntax
|
|
exec 'syn include '.a:group.' syntax/'.a:type.'.vim'
|
|
endfunction
|
|
|
|
" Load syntax/*.vim to syntax group
|
|
if exists("g:vim_vue_plugin_load_full_syntax")
|
|
\ && g:vim_vue_plugin_load_full_syntax == 1
|
|
call s:LoadFullSyntax('@HTMLSyntax', 'html')
|
|
call s:LoadFullSyntax('@CSSSyntax', 'css')
|
|
|
|
" Load javascript syntax file as syntax group if
|
|
" pangloss/vim-javascript is not used
|
|
if hlexists('jsNoise') == 0
|
|
call s:LoadFullSyntax('@jsAll', 'javascript')
|
|
endif
|
|
else
|
|
call s:LoadDefaultSyntax('@HTMLSyntax', 'html')
|
|
call s:LoadDefaultSyntax('@CSSSyntax', 'css')
|
|
if hlexists('jsNoise') == 0
|
|
call s:LoadDefaultSyntax('@jsAll', 'javascript')
|
|
endif
|
|
endif
|
|
|
|
" Load vim-pug syntax if pug support is enabled
|
|
if exists("g:vim_vue_plugin_use_pug")
|
|
\ && g:vim_vue_plugin_use_pug == 1
|
|
call s:LoadFullSyntax('@PugSyntax', 'pug')
|
|
endif
|
|
|
|
let b:current_syntax = 'vue'
|
|
|
|
" Find tag <template> / <script> / <style> and enable currespond syntax
|
|
syn region vueTemplate
|
|
\ start=+<template\(\s.\{-}\)\?>+
|
|
\ end=+</template>+
|
|
\ keepend contains=vueTemplatePug,@HTMLSyntax,vueTag
|
|
syn region vueTemplatePug
|
|
\ start=+<template lang="pug"\(\s.\{-}\)\?>+
|
|
\ end=+</template>+
|
|
\ contained contains=@PugSyntax,vueTag
|
|
syn region vueScript
|
|
\ start=+<script\(\s.\{-}\)\?>+
|
|
\ end=+</script>+
|
|
\ keepend contains=@jsAll,jsImport,jsExport,vueTag
|
|
syn region vueStyle
|
|
\ start=+<style\(\s.\{-}\)\?>+
|
|
\ end=+</style>+
|
|
\ keepend contains=@CSSSyntax,@HTMLSyntax,vueTag
|
|
|
|
hi def link vueTag htmlTagName
|
|
syn match vueTag contained /\v(template|script|style)/
|
|
|
|
" Vue attributes should color as JS. Note the trivial end pattern; we let
|
|
" jsBlock take care of ending the region.
|
|
syn region xmlString
|
|
\ start=+{+ end=++
|
|
\ contained contains=jsBlock,javascriptBlock
|