fix(variant-group)!: remove quotes matching, add option to config seperator

packages/core/src/utils/index.ts

@@ -7,4 +7,3 @@ export * from './layer'
 export * from './variantGroup'
 export * from './warn'
 export * from './handlers'
-export * from './extractQuoted'

packages/core/src/utils/variantGroup.ts

@@ -7,9 +7,10 @@ export function expandVariantGroup(str: MagicString): MagicString
 export function expandVariantGroup(str: string | MagicString) {
   regexClassGroup.lastIndex = 0
   let hasChanged = false
+  let content = str.toString()
   do {
-    const before = str.toString()
-    str = str.replace(
+    const before = content
+    content = content.replace(
       regexClassGroup,
       (_, pre, sep, body: string) => {
         return body
@@ -18,8 +19,11 @@ export function expandVariantGroup(str: string | MagicString) {
           .join(' ')
       },
     )
-    hasChanged = str.toString() !== before
+    hasChanged = content !== before
   } while (hasChanged)
 
-  return str
+  if (typeof str === 'string')
+    return content
+  else
+    return str.overwrite(0, str.length(), content)
 }

packages/transformer-variant-group/src/index.ts

@@ -1,21 +1,12 @@
 import type { SourceCodeTransformer } from '@unocss/core'
-import { expandVariantGroup, extractQuoted } from '@unocss/core'
+import { expandVariantGroup } from '@unocss/core'
 
 export default function transformerVariantGroup(): SourceCodeTransformer {
   return {
     name: 'variant-group',
     enforce: 'pre',
     transform(s) {
-      extractQuoted(
-        s.toString(),
-        {
-          details: true,
-          templateStaticOnly: true,
-          deep: true,
-        },
-      )
-        .filter(({ value: { length } }) => length)
-        .forEach(({ value, range }) => s.overwrite(...range, expandVariantGroup(value)))
+      expandVariantGroup(s)
     },
   }
 }

test/transformer-variant-group.test.ts

@@ -1,5 +1,4 @@
 import { readFile } from 'fs/promises'
-import transformerVariantGroup from '@unocss/transformer-variant-group'
 import { describe, expect, test } from 'vitest'
 import { expandVariantGroup } from '@unocss/core'
 import MagicString from 'magic-string'
@@ -33,22 +32,16 @@ describe('transformer-variant-group', () => {
   })
 
   test('vue file', async () => {
-    const transformer = transformerVariantGroup()
-    const transform = async (code: string) => {
-      const s = new MagicString(code)
-      await transformer.transform(s, '', {} as any)
-      return s.toString()
-    }
     const file = await readFile('./test/assets/variant-group.vue', 'utf-8')
     const result = await transform(file)
     expect(result).toMatchInlineSnapshot(`
       "<script setup lang=\\"ts\\">
       const a = 1
       const b = 2
       // eslint-disable-next-line @typescript-eslint/space-infix-ops
-      const c = a-(b -a -b)
+      const c = a-b a--a a--b
       </script>
-      
+
       <template>
         <div class=\\"bg-white font-light sm:hover:bg-gray-100 sm:hover:font-medium\\" />
         <div class=\\"lt-sm:hover:p-1 lt-sm:hover:p-2\\" />