From b14869efd9fa96f0981353ad02080311bee46e27 Mon Sep 17 00:00:00 2001
From: yemai <node_github@163.com>
Date: Thu, 13 Jun 2019 11:22:01 +0800
Subject: [PATCH] feat: add vue directive syntax highlight

---
 syntax/vue-html.vim | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 syntax/vue-html.vim

diff --git a/syntax/vue-html.vim b/syntax/vue-html.vim
new file mode 100644
index 0000000..e0cecb6
--- /dev/null
+++ b/syntax/vue-html.vim
@@ -0,0 +1,32 @@
+syntax match VueAttr '\v(\S)@<![v:\@][^\=]+(\=\"[^"]*\")?' 
+      \ containedin=htmlTag 
+      \ contains=VueKey,VueValue,VueInject
+
+syntax match VueKey contained '\v[v:\@][^\=]+'
+syntax match VueValue contains=VueInject contained '\v\"\zs[^"]*\ze\"'
+syntax match VueInject contained '\v\$\w*'
+
+syntax region VueExpression 
+      \ containedin=vueTemplate,vueValue,htmlString
+      \ matchgroup=VueBrace
+      \ start="{{"
+      \ end="}}"
+
+syntax region VueExpression 
+      \ containedin=htmlItalic
+      \ matchgroup=VueBrace
+      \ transparent
+      \ start="{{"
+      \ end="}}"
+
+" Wepy directive syntax
+syntax match VueAttr '\v(\S)@<!wx[^\=]+(\=\"[^"]*\")?'
+      \ containedin=htmlTag  
+      \ contains=VueKey,VueValue,VueInject
+
+syntax match VueKey contained '\vwx[^\=]+'
+
+highlight link VueAttr Comment
+highlight link VueKey  PreProc
+highlight link VueInject Constant
+highlight link VueBrace PreProc