feat(vue): switch to new parser (#6233)

* feat(vue): switch to new parser

---------

Co-authored-by: Phạm Huy Hoàng <hoangtun0810@gmail.com>

queries/vue/highlights.scm

@@ -1,17 +1,38 @@
 ; inherits: html_tags
 
 [
-  (directive_dynamic_argument)
-  (directive_dynamic_argument_value)
-] @tag
+  "["
+  "]"
+] @punctuation.bracket
 
 (interpolation) @punctuation.special
 
 (interpolation
   (raw_text) @none)
 
+(dynamic_directive_inner_value) @variable
+
 (directive_name) @tag.attribute
 
+; Accessing a component object's field
+(":"
+  .
+  (directive_value) @variable.member)
+
+("."
+  .
+  (directive_value) @property)
+
+; @click is like onclick for HTML
+("@"
+  .
+  (directive_value) @function.method)
+
+; Used in v-slot, declaring position the element should be put in
+("#"
+  .
+  (directive_value) @variable)
+
 (directive_attribute
   (quoted_attribute_value) @punctuation.special)
 
@@ -19,7 +40,4 @@
   (quoted_attribute_value
     (attribute_value) @none))
 
-[
-  (directive_modifier)
-  (directive_argument)
-] @function.method
+(directive_modifier) @function.method