Fix(vue): Invalid match queries

1 files changed, 34 insertions, 7 deletions

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="ts">
+<script lang="js">
 const foo = "1"
-//    ^ typescript
+//    ^ javascript
+</script>
+<script lang="ts">
+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>