Add highlighting for #attr="name-list" slot syntax

FichteFoll · skyronic · commit 65d7b1e72860 · 2023-02-01T15:13:55.000-05:00
diff --git a/Vue Component.sublime-syntax b/Vue Component.sublime-syntax
@@ -578,7 +578,7 @@ contexts:
         - vue-directive-meta
         - vue-directive-assignment
         - tag-generic-attribute-name
-    - match: (?::|@)
+    - match: (?::|@|#)
       scope: punctuation.definition.attribute.html
       push:
         - vue-directive-meta
diff --git a/Vue Component.sublime-syntax.yaml-macros b/Vue Component.sublime-syntax.yaml-macros
@@ -339,7 +339,7 @@ contexts:
         - vue-directive-meta
         - vue-directive-assignment
         - tag-generic-attribute-name
-    - match: (?::|@)
+    - match: (?::|@|#)
       scope: punctuation.definition.attribute.html
       push:
         - vue-directive-meta
diff --git a/tests/syntax_tests_mustage.vue b/tests/syntax_tests_mustage.vue
@@ -65,4 +65,64 @@
 //                     ^ meta.tag - meta.attribute-with-value
 //                      ^ - meta.tag
 
+    <p @handler="function_call($event)">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                                    ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                                     ^ meta.tag - meta.attribute-with-value
+//                                      ^ - meta.tag
+
+    <p @handler='function_call($event)'>
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                                    ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                                     ^ meta.tag - meta.attribute-with-value
+//                                      ^ - meta.tag
+
+    <p #handler="variable">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                       ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                        ^ meta.tag - meta.attribute-with-value
+//                         ^ - meta.tag
+
+    <p #handler='variable'>
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                       ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                        ^ meta.tag - meta.attribute-with-value
+//                         ^ - meta.tag
+
+    <p :handler="expression">
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                         ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                          ^ meta.tag - meta.attribute-with-value
+//                           ^ - meta.tag
+
+    <p :handler='expression'>
+//  ^^^ meta.tag - meta.attribute-with-value
+//     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
+//     ^ punctuation.definition.attribute.html
+//              ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//               ^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue
+//                         ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
+//                          ^ meta.tag - meta.attribute-with-value
+//                           ^ - meta.tag
+
 </html>
