From 017a4002a89874f98f98fc32ff43c7810da97dc2 Mon Sep 17 00:00:00 2001
From: leafOfTree <node_github@163.com>
Date: Thu, 31 Dec 2020 16:15:41 +0800
Subject: [PATCH] Use syn-match to highlight both transition and
 transition-group

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

diff --git a/syntax/vue-html.vim b/syntax/vue-html.vim
index af7d336..b597b7a 100644
--- a/syntax/vue-html.vim
+++ b/syntax/vue-html.vim
@@ -11,9 +11,10 @@ let s:highlight_vue_attr = vue#GetConfig("highlight_vue_attr", 0)
 " Syntax highlight {{{
 "
 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
+" Use syn-match to highlight both transition and transition-group
+syntax match VueComponentName containedin=htmlTagN '\v(component|slot|transition)' 
 syntax match VueComponentName containedin=htmlTagN '\v\C<[a-z0-9]+(-[a-z0-9]+)+>'
 syntax match VueComponentName containedin=htmlTagN '\v\C<([A-Z][a-zA-Z0-9]+)+>'
-syntax keyword VueComponentName containedin=htmlTagN component transition slot
 
 syntax match VueAttr '\v(\S)@<![v:\@][^=/>[:blank:]]+(\=\"[^"]*\")?' 
       \ keepend