Correctly populate dynamicAttrs for custom attributes (#225)

* Fix `dynamicAttrs` in `options.js` * Add test --------- Co-authored-by: Jordan Pittman <jordan@cryptica.me>
tailwindlabs · Nov 8, 2023 · 15c1196 · 15c1196
1 parent c51df4d
commit 15c1196
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/options.js b/src/options.js
@@ -67,10 +67,10 @@ export function getCustomizations(options, parser, defaults) {
   // Generate a list of dynamic attributes
   for (let attr of staticAttrs) {
     if (parser === 'vue') {
-      dynamicAttrs.add(`:${attr.name}`)
-      dynamicAttrs.add(`v-bind:${attr.name}`)
+      dynamicAttrs.add(`:${attr}`)
+      dynamicAttrs.add(`v-bind:${attr}`)
     } else if (parser === 'angular') {
-      dynamicAttrs.add(`[${attr.name}]`)
+      dynamicAttrs.add(`[${attr}]`)
     }
   }
 

diff --git a/tests/fixtures.test.js b/tests/fixtures.test.js
@@ -98,6 +98,7 @@ let e = dontSortMeTemplate\`sm:p-1 p-2\`;
 <template>
   <div class="p-2 sm:p-1" sortMe="p-2 sm:p-1" dontSortMe="sm:p-1 p-2"></div>
   <div :class="{ 'p-2 sm:p-1': true }"></div>
+  <div :sortMe="{ 'p-2 sm:p-1': true }"></div>
 </template>`,
   },
 ]

diff --git a/tests/fixtures/custom-vue/index.vue b/tests/fixtures/custom-vue/index.vue
@@ -8,4 +8,5 @@
 <template>
   <div class="sm:p-1 p-2" sortMe="sm:p-1 p-2" dontSortMe="sm:p-1 p-2"></div>
   <div :class="{'sm:p-1 p-2': true}"></div>
+  <div :sortMe="{'sm:p-1 p-2': true}"></div>
 </template>