feat: 添加 Vue 类型检查到 CI 流程，更新 Icons.vue 和 unocss.config.ts 文件

.github/workflows/ci.yaml

@@ -34,6 +34,8 @@ jobs:
         run: pnpm install --frozen-lockfile
       - name: 静态代码分析
         run: pnpm lint
+      - name: Vue 类型检查
+        run: npx vue-tsc --build --force
 
       # - name: Build
       #   run: pnpm build

src/components/Icons.vue

@@ -4,20 +4,20 @@
 
 <template>
   <div b="1px solid pink" mt-8 text-16 p-8 space-y-8>
-    <div b="1px solid pink">
+    <!-- <div b="1px solid pink">
       <div>@iconify-json/carbon/icons.json</div>
       <div i-carbon-face-cool text-orange />
-    </div>
+    </div> -->
 
     <div b="1px solid pink">
       <div>Icons({ autoInstall: true })</div>
       <icon-carbon-face-cool class="text-yellow" w-32 h-32 />
     </div>
 
-    <div b="1px solid pink">
+    <!-- <div b="1px solid pink">
       <div>pacman.svg</div>
-      <div class="i-icon:pacman text-(pink)" />
-    </div>
+      <div class="icon:pacman text-(pink)" />
+    </div> -->
 
     <div b="1px solid pink">
       <div>pacman.svg</div>

unocss.config.ts

@@ -1,14 +1,6 @@
 // https://github.dev/unocss/unocss/tree/main/examples/vite-vue3
-import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
 import presetRemToPx from '@unocss/preset-rem-to-px';
-import {
-  defineConfig,
-  presetAttributify,
-  presetIcons,
-  presetUno,
-  transformerDirectives,
-  transformerVariantGroup,
-} from 'unocss';
+import { defineConfig, presetAttributify, presetUno, transformerDirectives, transformerVariantGroup } from 'unocss';
 
 export default defineConfig({
   shortcuts: [
@@ -28,26 +20,26 @@ export default defineConfig({
     // https://unocss.dev/presets/attributify
     presetAttributify(),
 
-    presetIcons({
-      /*extraProperties: {
-        display: "inline-block",
-        "vertical-align": "middle",
-      },*/
-      cdn: 'https://esm.sh/',
-      customizations: {
-        iconCustomizer(collection, icon, props) {
-          props.width = '1em';
-          props.height = '1em';
-        },
-      },
-      collections: {
-        icon: FileSystemIconLoader('src/assets/icons/svgs', (svg) => {
-          return svg.replace(/#000000|#000/g, 'currentColor');
-        }),
-        carbon: () => import('@iconify-json/carbon/icons.json').then((i) => i.default),
-      },
-      warn: true,
-    }), // https://unocss.dev/presets/icons
+    // presetIcons({
+    //   /*extraProperties: {
+    //     display: "inline-block",
+    //     "vertical-align": "middle",
+    //   },*/
+    //   cdn: 'https://esm.sh/',
+    //   customizations: {
+    //     iconCustomizer(collection, icon, props) {
+    //       props.width = '1em';
+    //       props.height = '1em';
+    //     },
+    //   },
+    //   collections: {
+    //     icon: FileSystemIconLoader('src/assets/icons/svgs', (svg) => {
+    //       return svg.replace(/#000000|#000/g, 'currentColor');
+    //     }),
+    //     carbon: () => import('@iconify-json/carbon/icons.json').then((i) => i.default),
+    //   },
+    //   warn: true,
+    // }), // https://unocss.dev/presets/icons
   ],
   transformers: [
     //https://unocss.dev/transformers/variant-group