fix(vscode): fix colon highlighting (#2463)

unocss · Apr 8, 2023 · 4b29c98 · 4b29c98
1 parent 1c177bf
commit 4b29c98
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/packages/core/src/extractors/split.ts b/packages/core/src/extractors/split.ts
@@ -2,7 +2,7 @@ import type { Extractor } from '../types'
 import { isValidSelector } from '../utils'
 
 export const defaultSplitRE = /[\\:]?[\s'"`;{}]+/g
-export const splitWithVariantGroupRE = /[\\:]?([\s"'`;<>*]|:\(|\)"|\)\s)/g
+export const splitWithVariantGroupRE = /([\\:]?[\s"'`;<>*]|:\(|\)"|\)\s)/g
 
 export const quotedArbitraryValuesRE = /(?:[\w&:[\]-]|\[\S+=\S+\])+\[\\?['"]?\S+?['"]\]\]?[\w:-]*/g
 export const arbitraryPropertyRE = /\[(\\\W|[\w-])+:[^\s:]*?("\S+?"|'\S+?'|`\S+?`|[^\s:]+?)[^\s:]*?\)?\]/g

diff --git a/test/pos.test.ts b/test/pos.test.ts
@@ -230,6 +230,25 @@ describe('matched-positions', async () => {
         ]
       `)
   })
+
+  test('colon highlighting #2460', async () => {
+    const uno = createGenerator({
+      presets: [
+        presetUno(),
+      ],
+    })
+
+    expect(await match(uno, 'w5:<div class="w-full"></div>'))
+      .toMatchInlineSnapshot(`
+        [
+          [
+            15,
+            21,
+            "w-full",
+          ],
+        ]
+      `)
+  })
 })
 
 describe('matched-positions-pug', async () => {