From f5d517f4a71e2570d1d63e7432471972a6b5418e Mon Sep 17 00:00:00 2001
From: Lucario387 <hoangtun0810@gmail.com>
Date: Mon, 26 Dec 2022 00:38:57 +0900
Subject: [PATCH] Fix(vue): Invalid match queries

---
 queries/vue/injections.scm                    |  1 +
 .../injections/vue/test-vue-injections.vue    | 41 +++++++++++++++----
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/queries/vue/injections.scm b/queries/vue/injections.scm
index dcb7333db..223791c09 100644
--- a/queries/vue/injections.scm
+++ b/queries/vue/injections.scm
@@ -3,6 +3,7 @@
     (start_tag) @_no_attribute
     (raw_text) @css)
   (#match? @_no_attribute "^\\<\\s*style\\s*\\>$")
+  ; unsure why, but without escaping &lt; and &gt; the query breaks
 ) 
 
 (
diff --git a/tests/query/injections/vue/test-vue-injections.vue b/tests/query/injections/vue/test-vue-injections.vue
index 522dbb392..c7442a027 100644
--- a/tests/query/injections/vue/test-vue-injections.vue
+++ b/tests/query/injections/vue/test-vue-injections.vue
@@ -1,17 +1,17 @@
 <template>
-  <span>{{"Some text"}}</span>
+  <span>{{"Text inside interpolation"}}</span>
   <!--      ^ javascript 
 -->
 
   <template lang="pug">
     ul
       li(v-for="item in items")
-        a(v-if="item.type == 'link'" :href="item.url") some link title: 
+        a(v-if="item.type == 'link'" :href="item.url") some link title in pug: 
 <!--                                                    ^ pug
 -->
   </template>
 
-  <template v-if="true"></template>
+  <template v-if="'text inside directives'"></template>
 <!--              ^ javascript 
 -->
 </template>
@@ -19,23 +19,50 @@
 const foo = "1"
 //    ^ javascript
 </script>
-<script defer lang="js">
+<script defer>
+const foo = "1"
+//    ^ javascript
+</script>
+<script lang="js">
 const foo = "1"
 //    ^ javascript
 </script>
 <script lang="ts">
-const foo = "1"
-//    ^ typescript
+const foo: number = "1"
+//          ^ typescript
 </script>
 <style>
 .bar {
-/* ^ css*/
+/* ^ css  
+*/
+}
+</style>
+<style scoped>
+.page.page--news {
+  padding: calc(var(--header-height)) 1rem 0 1rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  min-height: calc(var(--vh, 1vh) * 100 - var(--header-height));
+  background: rebeccapurple;
+/*              ^ css 
+*/
+}
+</style>
+<style lang="css">
+.bar {
+  justify-content: center;
+/*         ^ css
+*/
 }
 </style>
 <style lang="scss">
 .bar {
   &-baz {
+    &.page{
 //  ^ scss
+    }
   }
 }
 </style>