From 9d7da936276285f9d017ee85a00db9ae220784e4 Mon Sep 17 00:00:00 2001
From: Ufuk Ustali <93888971+UfukUstali@users.noreply.github.com>
Date: Wed, 8 Nov 2023 14:38:55 +0100
Subject: [PATCH 1/2] Fix dynamicAttrs options.js

Previously in the for loop for dynamicAttrs "attr.name" was added in the string template (which was undefined) while the required value was "attr" itself.
e.g. tailwindAttributes: ["ui"],
Before:
staticAttrs: "class,ui"
dynamicAttrs: ":class,v-bind:class,:undefined,v-bind:undefined"
After:
staticAttrs: "class,ui"
dynamicAttrs: ":class,v-bind:class,:ui,v-bind:ui"
---
 src/options.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/options.js b/src/options.js
index 92515294..37aa4175 100644
--- 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}]`)
     }
   }
 

From 2f69fafdbffe162e806892072838fd9b0efe0a02 Mon Sep 17 00:00:00 2001
From: Jordan Pittman <jordan@cryptica.me>
Date: Wed, 8 Nov 2023 10:57:22 -0500
Subject: [PATCH 2/2] Add test

---
 tests/fixtures.test.js              | 1 +
 tests/fixtures/custom-vue/index.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/tests/fixtures.test.js b/tests/fixtures.test.js
index 0ea7f30e..291df29c 100644
--- 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
index e1a3b789..bbd3ef98 100644
--- 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>