From b8e23259e2453b3d56171c1d59e855e18c415acd Mon Sep 17 00:00:00 2001
From: leafOfTree <node_github@163.com>
Date: Sat, 10 Oct 2020 10:13:21 +0800
Subject: [PATCH] Support async before vue keyword

---
 syntax/vue-javascript.vim | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/syntax/vue-javascript.vim b/syntax/vue-javascript.vim
index 89bbe07..8a90bea 100644
--- a/syntax/vue-javascript.vim
+++ b/syntax/vue-javascript.vim
@@ -4,7 +4,6 @@
 "
 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
 let s:highlight_vue_keyword = vue#GetConfig("highlight_vue_keyword", 0)
-
 if !s:highlight_vue_keyword | finish | endif
 
 let s:has_init_indent = vue#GetConfig("has_init_indent",
@@ -19,20 +18,31 @@ let s:has_init_indent = vue#GetConfig("has_init_indent",
 let s:vue_keywords = 'name parent functional delimiters comments components directives filters extends mixins inheritAttrs model props propsData data computed watch methods template render renderError inject provide beforeCreate created beforeMount mounted beforeUpdate updated activated deactivated beforeDestroy destroyed'
 
 let s:indent = &sw * (1 + s:has_init_indent)
-let s:vue_keywords_regexp = '\v^\s{'.s:indent.'}<('
+let s:vue_keywords_regexp = '\v^\s{'.s:indent.'}(async )?<('
       \.join(split(s:vue_keywords, ' '), '|')
       \.')\ze'
-execute 'syntax match vueObjectKey /'.s:vue_keywords_regexp.'\s*:/'
+let contains = hlexists('jsAsyncKeyword') 
+      \? 'jsAsyncKeyword' 
+      \: 'javaScriptReserved' 
+let s:vue_match_func_option = ' containedin=jsObject,javascriptVueScript'
+      \.' contains='.contains
+      \.' skipwhite skipempty nextgroup=jsFuncArgs'
+
+execute 'syntax match vueObjectKey /'
+      \.s:vue_keywords_regexp
+      \.'\s*:/'
       \.' containedin=jsObject,javascriptVueScript'
       \.' skipwhite skipempty nextgroup=jsObjectValue'
 
-execute 'syntax match vueObjectFuncName /'.s:vue_keywords_regexp.'\_s*\(/'
-      \.' containedin=jsObject,javascriptVueScript'
-      \.' skipwhite skipempty nextgroup=jsFuncArgs'
+execute 'syntax match vueObjectFuncName /'
+      \.s:vue_keywords_regexp
+      \.'\_s*\(/'
+      \.s:vue_match_func_option
 
-execute 'syntax match vueObjectFuncKey /'.s:vue_keywords_regexp.'\s*:\s*function>/'
-      \.' containedin=jsObject,javascriptVueScript'
-      \.' skipwhite skipempty nextgroup=jsFuncArgs'
+execute 'syntax match vueObjectFuncKey /'
+      \.s:vue_keywords_regexp
+      \.'\s*:\s*function>/'
+      \.s:vue_match_func_option
 
 highlight default link vueObjectKey vueObjectKeyword
 highlight default link vueObjectFuncName vueObjectKeyword