fix(preset-attributify): nested attribute parsing (#3275)

Co-authored-by: Chris <1633711653@qq.com>
Co-authored-by: Chris <hizyyv@gmail.com>

packages/preset-attributify/src/extractor.ts

@@ -1,4 +1,4 @@
-import type { Extractor } from '@unocss/core'
+import type { Extractor, ExtractorContext } from '@unocss/core'
 import { isValidSelector } from '@unocss/core'
 import type { AttributifyOptions } from '.'
 
@@ -51,6 +51,10 @@ export function extractorAttributify(options?: AttributifyOptions): Extractor {
               .split(splitterRE)
               .filter(isValidSelector)
           }
+          else if (elementRE.test(content)) {
+            elementRE.lastIndex = 0
+            return this.extract!({ code: content } as ExtractorContext) as string[]
+          }
           else {
             if (options?.prefixedOnly && options.prefix && !name.startsWith(options.prefix))
               return []

test/cases/preset-attributify/case-5/input.html

@@ -5,4 +5,5 @@
   ]}
   class="text-red"
   text="green"
+  component={<CompName bottom-5 class="absolute" component={<input top-5 />} />}
 />

test/cases/preset-attributify/case-5/output.css

@@ -1,3 +1,6 @@
 /* layer: default */
+.absolute{position:absolute;}
+[bottom-5=""]{bottom:1.25rem;}
+[top-5=""]{top:1.25rem;}
 .text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}
 [text~="green"]{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}