Use vue suffix for embed_scope in attributes and mustache

FichteFoll · skyronic · commit 865cc9d4778d · 2023-02-01T15:13:55.000-05:00
This allows easily targeting the embed scopes inside attributes as
something that is contributed and supported by the vue syntax only as
opposed to a a `&lt;script&gt;` tag which uses HTML syntax.
diff --git a/Vue Component.sublime-syntax b/Vue Component.sublime-syntax
@@ -557,7 +557,7 @@ contexts:
 
   mustache-interpolation-content:
     - clear_scopes: 1
-    - meta_scope: meta.interpolation.html
+    - meta_scope: meta.interpolation.vue
     - include: mustache-templates
     - include: immediately-pop
 
@@ -600,15 +600,15 @@ contexts:
     - match: \"
       scope: meta.string.html string.quoted.double.html punctuation.definition.string.begin.html
       embed: scope:source.js#expression-statement
-      embed_scope: meta.string.html meta.interpolation.html source.js.embedded.html
+      embed_scope: meta.string.html meta.interpolation.vue source.js.embedded.vue
       escape: \"
       escape_captures:
         0: meta.attribute-with-value.directive.html meta.string.html string.quoted.double.html
           punctuation.definition.string.end.html
     - match: \'
       scope: meta.string.html string.quoted.single.html punctuation.definition.string.begin.html
       embed: scope:source.js#expression-statement
-      embed_scope: meta.string.html meta.interpolation.html source.js.embedded.html
+      embed_scope: meta.string.html meta.interpolation.vue source.js.embedded.vue
       escape: \'
       escape_captures:
         0: meta.attribute-with-value.directive.html meta.string.html string.quoted.single.html
diff --git a/Vue Component.sublime-syntax.yaml-macros b/Vue Component.sublime-syntax.yaml-macros
@@ -318,7 +318,7 @@ contexts:
 
   mustache-interpolation-content:
     - clear_scopes: 1
-    - meta_scope: meta.interpolation.html
+    - meta_scope: meta.interpolation.vue
     - include: mustache-templates
     - include: immediately-pop
 
@@ -364,8 +364,8 @@ contexts:
         punctuation.definition.string.begin.html
       embed: scope:source.js#expression-statement
       embed_scope:
-        meta.string.html meta.interpolation.html
-        source.js.embedded.html
+        meta.string.html meta.interpolation.vue
+        source.js.embedded.vue
       escape: \"
       escape_captures:
         0:
@@ -378,8 +378,8 @@ contexts:
         punctuation.definition.string.begin.html
       embed: scope:source.js#expression-statement
       embed_scope:
-        meta.string.html meta.interpolation.html
-        source.js.embedded.html
+        meta.string.html meta.interpolation.vue
+        source.js.embedded.vue
       escape: \'
       escape_captures:
         0:
diff --git a/tests/syntax_tests_mustage.vue b/tests/syntax_tests_mustage.vue
@@ -14,7 +14,7 @@
 
     <p attrib="{{ foo.value }}" >
 //            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
-//             ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.html
+//             ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.vue
 //                            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
 //            ^ string.quoted.double.html punctuation.definition.string.begin.html
 //             ^^ punctuation.definition.template.begin.html - source.js
@@ -24,7 +24,7 @@
 
     <p attrib='{{ foo.value }}' >
 //            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
-//             ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.html
+//             ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.vue
 //                            ^ meta.tag meta.attribute-with-value.html meta.string.html - meta.interpolation
 //            ^ string.quoted.single.html punctuation.definition.string.begin.html
 //             ^^ punctuation.definition.template.begin.html - source.js
@@ -33,7 +33,7 @@
 //                            ^ string.quoted.single.html punctuation.definition.string.end.html
 
     <p attrib={{ foo.value }} >
-//            ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.html
+//            ^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.html meta.string.html meta.interpolation.vue
 //            ^^ punctuation.definition.template.begin.html - source.js
 //              ^^^^^^^^^^^ source.js.embedded.vue
 //                         ^^ punctuation.definition.template.end.html - source.js
@@ -42,7 +42,7 @@
 //  ^^^ meta.tag - meta.attribute-with-value
 //     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
 //              ^ 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.html source.js.embedded.html meta.mapping
+//               ^^^^^^^^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html meta.string.html meta.interpolation.vue source.js.embedded.vue meta.mapping
 //                               ^ meta.tag meta.attribute-with-value.directive.html meta.string.html - meta.interpolation
 //                                ^ meta.tag - meta.attribute-with-value
 //                                 ^ - meta.tag
@@ -51,7 +51,7 @@
 //  ^^^ meta.tag - meta.attribute-with-value
 //     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
 //              ^ 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.html source.js.embedded.html
+//               ^^^^^ 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
@@ -60,7 +60,7 @@
 //  ^^^ meta.tag - meta.attribute-with-value
 //     ^^^^^^^^^ meta.tag meta.attribute-with-value.directive.html - meta.string
 //              ^ 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.html source.js.embedded.html
+//               ^^^^^ 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
