feat(vue): add v-bind:class support

luckasRanarison · Aug 3, 2024 · f96222d · f96222d
1 parent 7e280a5
commit f96222d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/queries/vue/class.scm b/queries/vue/class.scm
@@ -1 +1,9 @@
 ; inherits: html
+
+(directive_attribute
+  (directive_name) @directive.name
+  (#eq? @directive.name "v-bind")
+  (directive_value) @directive.value
+  (#eq? @directive.value "class")
+  (quoted_attribute_value
+    (attribute_value) @tailwind))
diff --git a/tests/queries/vue/test.vue b/tests/queries/vue/test.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-neutral-700">
+  <div v-bind:class="{ container: true }">
     <div class="font-semibold text-blue-400">Test</div>
     <ul>
       <li v-for="item in items" class="text-white">{{ item }}</li>

diff --git a/tests/queries/vue_spec.lua b/tests/queries/vue_spec.lua
@@ -3,7 +3,7 @@ require("tests.queries.runner").test({
   provider = "treesitter",
   file = "tests/queries/vue/test.vue",
   ranges = {
-    { 1, 14, 1, 28 },
+    { 1, 21, 1, 40 },
     { 2, 16, 2, 43 },
     { 4, 39, 4, 49 },
   },