more vue syntax highlighting

This commit is contained in:
ManjaroOne666 2018-02-01 20:39:14 +00:00
parent af596cd078
commit 20357fd930
2 changed files with 20 additions and 6 deletions

View File

@ -256,6 +256,12 @@ hi! vueConditional ctermfg=202
hi! def link vueFor vueConditional
hi! vueRef ctermfg=214
hi! vueDirectiveValue ctermfg=201
hi! vueEventValue ctermfg=201
hi! vueConditionalValue ctermfg=201
hi! vueForValue ctermfg=201
hi! vueRefValue ctermfg=201
" json definitions
hi! def link jsonKeyword Identifier
hi! def link jsonValue String

View File

@ -56,11 +56,19 @@ endif
syn region vueSurroundingTag contained start=+<\(script\|style\|template\)+ end=+>+ fold contains=htmlTagN,htmlString,htmlArg,htmlValue,htmlTagError,htmlEvent
syn keyword htmlSpecialTagName contained template
syn keyword htmlArg contained scoped ts
" syn match htmlArg "[@v:][-:.0-9_a-z]*\>" contained
syn match vueDirective "[v:][-:.0-9_a-z]*" containedin=htmlTag
syn match vueEvent "[@][-:.0-9_a-z]*" containedin=htmlTag
syn match vueConditional "v-if\|v-else\|v-show" containedin=htmlTag
syn match vueFor "v-for" containedin=htmlTag
syn match vueRef "ref" containedin=htmlTag
syn match vueDirective "[v:][-:.0-9_a-z]*" containedin=htmlTag nextgroup=vueDirectiveValue
syn match vueEvent "[@][-:.0-9_a-z]*" containedin=htmlTag nextgroup=vueEventValue
syn match vueConditional "v-else" containedin=htmlTag
syn match vueConditional "v-if\|v-show" containedin=htmlTag nextgroup=vueConditionalValue
syn match vueFor "v-for" containedin=htmlTag nextgroup=vueForValue
syn match vueRef "ref" containedin=htmlTag nextgroup=vueRefValue
syn region vueDirectiveValue contained start=+="+hs=s+2 end=+"+he=e-1
syn region vueEventValue contained start=+="+hs=s+2 end=+"+he=e-1
syn region vueConditionalValue contained start=+="+hs=s+2 end=+"+he=e-1
syn region vueForValue contained start=+="+hs=s+2 end=+"+he=e-1
syn region vueRefValue contained start=+="+hs=s+2 end=+"+he=e-1
let b:current_syntax = "vue"