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