fix: unocss 与 第三方框架样式冲突 BUG

src/pages/index/about.vue

@@ -16,6 +16,7 @@
       鸽友们好，我是
       <text class="text-red-500">菲鸽</text>
     </view>
+    <uv-text mode="phone" text="15692001234" format="encrypt" color="red"></uv-text>
   </view>
 </template>
 

uno.config.ts

@@ -55,7 +55,11 @@ export default defineConfig({
     // 支持css class组合，eg: `<div class="hover:(bg-gray-400 font-medium) font-(light mono)">测试 unocss</div>`
     transformerVariantGroup(),
     // Don't change the following order
-    transformerAttributify(),
+    transformerAttributify({
+      // 解决与第三方框架样式冲突问题
+      prefixedOnly: true,
+      prefix: 'fg',
+    }),
     transformerApplet(),
   ],
   rules: [