feat: add vue directive syntax highlight

This commit is contained in:
yemai
2019-06-13 11:22:01 +08:00
parent e8d14f8b9c
commit b14869efd9

32
syntax/vue-html.vim Normal file
View File

@@ -0,0 +1,32 @@
syntax match VueAttr '\v(\S)@<![v:\@][^\=]+(\=\"[^"]*\")?'
\ containedin=htmlTag
\ contains=VueKey,VueValue,VueInject
syntax match VueKey contained '\v[v:\@][^\=]+'
syntax match VueValue contains=VueInject contained '\v\"\zs[^"]*\ze\"'
syntax match VueInject contained '\v\$\w*'
syntax region VueExpression
\ containedin=vueTemplate,vueValue,htmlString
\ matchgroup=VueBrace
\ start="{{"
\ end="}}"
syntax region VueExpression
\ containedin=htmlItalic
\ matchgroup=VueBrace
\ transparent
\ start="{{"
\ end="}}"
" Wepy directive syntax
syntax match VueAttr '\v(\S)@<!wx[^\=]+(\=\"[^"]*\")?'
\ containedin=htmlTag
\ contains=VueKey,VueValue,VueInject
syntax match VueKey contained '\vwx[^\=]+'
highlight link VueAttr Comment
highlight link VueKey PreProc
highlight link VueInject Constant
highlight link VueBrace PreProc