From 80c1adbefc9b8410177415fb9288ebfb5d4a85bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Wed, 9 Oct 2024 17:58:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20Vue=20=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E6=A3=80=E6=9F=A5=E5=88=B0=20CI=20=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=EF=BC=8C=E6=9B=B4=E6=96=B0=20Icons.vue=20=E5=92=8C=20unocss.co?=
 =?UTF-8?q?nfig.ts=20=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yaml |  2 ++
 src/components/Icons.vue  | 10 ++++----
 unocss.config.ts          | 50 ++++++++++++++++-----------------------
 3 files changed, 28 insertions(+), 34 deletions(-)

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index 2af9529..7c6f43b 100644
--- a/.github/workflows/ci.yaml
+++ b/.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
diff --git a/src/components/Icons.vue b/src/components/Icons.vue
index baf9657..c2115a1 100644
--- a/src/components/Icons.vue
+++ b/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>
diff --git a/unocss.config.ts b/unocss.config.ts
index df28130..2a58048 100644
--- a/unocss.config.ts
+++ b/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