feat: unplugin-icons demo

jstarter · Feb 13, 2024 · 285d6c9 · 285d6c9
1 parent a8aa8ca
commit 285d6c9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -18,6 +18,7 @@ const entrances = routes
             role="button"
             class="btn btn-outline"
         >
+            <i-mdi:link-variant />
             {{ entry.text }}
         </RouterLink>
     </div>

diff --git a/types/components.d.ts b/types/components.d.ts
@@ -8,6 +8,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     HelloWorld: typeof import('./../src/components/HelloWorld.vue')['default']
+    'IMdi:linkVariant': typeof import('~icons/mdi/link-variant')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

diff --git a/vite.config.ts b/vite.config.ts
@@ -50,7 +50,7 @@ export default defineConfig({
             resolvers: [IconsResolver()]
         }),
 
-        // https://npmmirror.com/package/unplugin-icons
+        // https://npmmirror.com/package/unplugin-icons#h-auto-importing
         // https://icones.js.org
         Icons({
             compiler: 'vue3',