fix: tailwind prop with equal sigh (#99)

huozhi · May 3, 2024 · 075e4c0 · 075e4c0
1 parent 14df889
commit 075e4c0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/lib/index.js b/lib/index.js
@@ -434,7 +434,7 @@ function tokenize(code) {
           }
         }
         // `=` in property=<value>
-        if (next === '=') {
+        if (next === '=' && !inStringContent()) {
           const prop = current ? (current + curr) : curr
           if (isIdentifier(prop)) {
             current = prop

diff --git a/test/ast.test.js b/test/ast.test.js
@@ -304,6 +304,21 @@ describe('jsx', () => {
       ['/>', 'sign'],
     ])
   })
+
+  it('should handle tailwind properties well', () => {
+    const code = `<div className="data-[layout=grid]:grid" />`
+    const tokens = tokenize(code)
+    expect(extractTokenArray(tokens)).toEqual([
+      ['<', 'sign'],
+      ['div', 'entity'],
+      ['className', 'property'],
+      ['=', 'sign'],
+      ['"', 'string'],
+      ['data-[layout=grid]:grid', 'string'],
+      ['"', 'string'],
+      ['/>', 'sign'],
+    ])
+  })
 })
 
 describe('comments', () => {