.vue support and highlighting

vim/colors/customred256.vim

@@ -149,7 +149,8 @@ hi! def link scssCondition						CRCssAlt
 
 " CSS definitions
 hi! def link cssNoise									CRNoise
-hi! def link cssBraces								CRNoise
+hi! def link cssBraces								CssNoise
+hi! def link cssAttrComma             CssNoise
 
 hi! def link cssMediaKeyword					CRScssMediaKeyword 
 hi! def link cssKeyFrameSelector			scssSelectorName
@@ -158,10 +159,13 @@ hi! def link cssStringQ								CRCssBaseDark
 hi! def link cssStringQQ							cssStringQ
 
 hi! def link cssTagName								CRCssSelectorBright
+hi! def link cssStyle                  CRCssAlt
 hi! def link cssProp									CRCssAlt
 hi! def link cssAttr									scssAttribute
+hi! def link cssAttrRegion						cssAttr
 hi! def link cssPseudoClassId					CRCssSelectorDark
 hi! def link cssMediaType							CRCssSelectorDark
+hi! def link cssVendor                cssNoise
 
 hi! def link CRCssValue								CRCssBase
 hi! def link cssColor									CRCssBaseBright
@@ -180,6 +184,7 @@ hi! def link htmlTitle					CRHtmlAlt
 hi! def link htmlTag						CRNoise
 hi! def link htmlEndTag					htmlTag
 hi! def link htmlTagName				CRHtmlBase
+hi! def link htmlTagN           CRHtmlBaseBright
 hi! def link htmlSpecialTagName CRHtmlSpecial
 hi! def link htmlArg						CRHtmlBaseDark
 hi! def link htmlScriptTag			htmlArg
@@ -221,8 +226,10 @@ hi! def link jsVariableDef			Identifier
 hi! def link jsFuncCall					Identifier
 hi! def link jsGlobalObjects		IdentifierDark
 hi! def link jsGlobalNodeObjects jsGlobalObjects
+hi! def link jsObject           IdentifierBright
 hi! def link jsObjectKey				Identifier
 hi! def link jsObjectValue			IdentifierDark
+hi! def link jsModuleKeyword    Identifier
 
 " json definitions
 hi! def link jsonKeyword				Identifier

vim/syntax/vue_custom.vim

@@ -0,0 +1,61 @@
+" Vim syntax file
+" Language: Vue.js
+" Maintainer: Eduardo San Martin Morote
+
+if exists("b:current_syntax")
+  finish
+endif
+
+runtime! syntax/html_custom.vim
+unlet! b:current_syntax
+
+""
+" Get the pattern for a HTML {name} attribute with {value}.
+function! s:attr(name, value)
+  return a:name . '=\("\|''\)[^\1]*' . a:value . '[^\1]*\1'
+endfunction
+
+""
+" Check whether a syntax file for a given {language} exists.
+function! s:syntax_available(language)
+  return !empty(globpath(&runtimepath, 'syntax/' . a:language . '.vim'))
+endfunction
+
+""
+" Register {language} for a given {tag}. If [attr_override] is given and not
+" empty, it will be used for the attribute pattern.
+function! s:register_language(language, tag, ...)
+  let attr_override = a:0 ? a:1 : ''
+  let attr = !empty(attr_override) ? attr_override : s:attr('lang', a:language)
+
+  if s:syntax_available(a:language)
+    execute 'syntax include @' . a:language . ' syntax/' . a:language . '.vim'
+    unlet! b:current_syntax
+    execute 'syntax region vue_' . a:language
+          \ 'keepend'
+          \ 'start=/<' . a:tag . ' \_[^>]*' . attr . '\_[^>]*>/'
+          \ 'end="</' . a:tag . '>"me=s-1'
+          \ 'contains=@' . a:language . ',vueSurroundingTag'
+          \ 'fold'
+  endif
+endfunction
+
+if !exists("g:vue_disable_pre_processors") || !g:vue_disable_pre_processors
+  call s:register_language('pug', 'template', s:attr('lang', '\%(pug\|jade\)'))
+  call s:register_language('slm', 'template')
+  call s:register_language('handlebars', 'template')
+  call s:register_language('haml', 'template')
+  call s:register_language('typescript', 'script', '\%(lang=\("\|''\)[^\1]*\(ts\|typescript\)[^\1]*\1\|ts\)')
+  call s:register_language('coffee', 'script')
+  call s:register_language('stylus', 'style')
+  call s:register_language('sass', 'style')
+  call s:register_language('scss', 'style')
+  call s:register_language('less', 'style')
+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
+
+let b:current_syntax = "vue"

vimrc

@@ -67,6 +67,11 @@ Plugin 'shawncplus/phpcomplete.vim'
 "   https://github.com/joseluis/wordpress.vim-generator
 "Plugin 'dsawardekar/wordpress.vim'
 " disabled - doesn't support universal ctags?
+" vim-vue
+" https://github.com/posva/vim-vue
+Plugin 'posva/vim-vue'
+
+
 
 " All of your Plugins must be added before the following line
 call vundle#end()            " required
@@ -224,7 +229,7 @@ set showmode
 " set custom syntax highlighting
 autocmd BufNewFile,BufRead *.html set syntax=html_custom
 autocmd BufNewFile,BufRead *.php set syntax=php_custom
-
+autocmd BufNewFile,BufRead *.vue set syntax=vue_custom
 
 " fix higlight problems such as vertical-align etc
 augroup VimCSS3Syntax
@@ -268,6 +273,9 @@ nnoremap <leader>p :echom SyntaxItem()<CR>
 
 " plugins stuff
 
+" vue-vim
+" disable preprocessor checking for vue files - increases speed
+let g:vue_disable_pre_processors=1
 
 " MUcomplete
 set completeopt+=menuone