feat(autoComplete): vue file :class support

unocss · Jun 13, 2022 · 117a9f5 · 117a9f5
1 parent f2b62e0
commit 117a9f5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/packages/preset-attributify/src/autocomplete.ts b/packages/preset-attributify/src/autocomplete.ts
@@ -40,7 +40,7 @@ export const autocompleteExtractorAttributify: AutoCompleteExtractor = {
     if (!attrName)
       return null
 
-    if (attrName === 'class' || attrName === 'className')
+    if (attrName === 'class' || attrName === 'className' || attrName === ':class')
       return null
     if (attrValues === undefined) {
       return {

diff --git a/packages/shared-common/src/index.ts b/packages/shared-common/src/index.ts
@@ -44,7 +44,7 @@ export function getMatchedPositions(code: string, matched: string[]) {
 
   // hightlight for plain classes
   let start = 0
-  code.split(/[\s"';<>]/g).forEach((i) => {
+  code.split(/[\s"'`;<>]/g).forEach((i) => {
     const end = start + i.length
     if (plain.has(i))
       result.push([start, end, i])

diff --git a/test/autocomplete-utils.test.ts b/test/autocomplete-utils.test.ts
@@ -9,6 +9,9 @@ describe('searchUsageBoundary', () => {
     expect(searchUsageBoundary('<div class="p-1 p-2', 14).content)
       .toMatchInlineSnapshot('"p-1"')
 
+    expect(searchUsageBoundary('<div :class="`p-1 p-2', 16).content)
+      .toMatchInlineSnapshot('"p-1"')
+
     expect(searchUsageBoundary('<div p-1 p-2>', 10).content)
       .toMatchInlineSnapshot('"p-2"')