From 8eee223ad5c7776bf044b79a790e0e7e718f9a8c Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Tue, 27 Mar 2018 22:36:48 +0100
Subject: [PATCH] vueDirectiveClassValue

---
 vim/after/syntax/vue.vim | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/vim/after/syntax/vue.vim b/vim/after/syntax/vue.vim
index 04b754b..d3c9603 100644
--- a/vim/after/syntax/vue.vim
+++ b/vim/after/syntax/vue.vim
@@ -2,13 +2,15 @@ runtime! after/syntax/html.vim
 
 syn keyword vueComponentTag     contained template containedin=htmlSpecialTagName
 
-syn match   vueDirective "\(^\|\s\)\zs[v:][-:.0-9_a-z]*"   containedin=htmlTag,htmlTagN nextgroup=vueDirectiveValue
+syn match   vueDirective "\(^\|\s\)\zs[v:][-:.0-9_a-z]*"   containedin=htmlTag,htmlTagN contains=vueDirectiveClassValue nextgroup=vueDirectiveValue
 syn match   vueEvent        "\(^\|\s\)\zs[@][-:.0-9_a-z]*" containedin=htmlTag,htmlTagN nextgroup=vueEventValue
 syn match   vueConditional  "\<v-else"                     containedin=htmlTag,htmlTagN
 syn match   vueConditional  "\<v-if\|\<v-show"             containedin=htmlTag,htmlTagN nextgroup=vueConditionalValue
 syn match   vueFor          "\<v-for"                      containedin=htmlTag,htmlTagN nextgroup=vueForValue
 syn match   vueRef          "\(^\|\s\)\zs:\?ref"           containedin=htmlTag,htmlTagN nextgroup=vueRefValue
 
+syn region vueDirectiveClassValue contained start=+class="+hs=s+7 end=+"+he=e-1
+syn region vueDirectiveClassValue contained start=+class='+hs=s+7 end=+'+he=e-1
 syn region vueDirectiveValue      contained start=+="+hs=s+2 end=+"+he=e-1
 syn region vueDirectiveValue      contained start=+='+hs=s+2 end=+'+he=e-1
 syn region vueEventValue          contained start=+="+hs=s+2 end=+"+he=e-1