feat(Icon): use @antfu/nuxt-icon-poc (#76)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

package.json

@@ -42,6 +42,7 @@
     "release": "release-it"
   },
   "dependencies": {
+    "@antfu/nuxt-icon-poc": "^0.0.7",
     "@nuxt/kit": "^3.11.2",
     "@nuxt/schema": "^3.11.2",
     "@nuxtjs/color-mode": "^3.4.0",
@@ -49,7 +50,6 @@
     "@tailwindcss/vite": "4.0.0-alpha.14",
     "@vueuse/core": "^10.9.0",
     "defu": "^6.1.4",
-    "nuxt-icon": "^0.6.10",
     "ohash": "^1.1.3",
     "radix-vue": "^1.7.2",
     "scule": "^1.3.0",

src/module.ts

@@ -40,7 +40,10 @@ export default defineNuxtModule<ModuleOptions>({
 
     addVitePlugin(tailwindcss)
 
-    await installModule('nuxt-icon')
+    await installModule('@antfu/nuxt-icon-poc', {
+      componentName: 'UIcon',
+      cssLayer: 'components'
+    })
     // await installModule('@nuxtjs/color-mode', { classSuffix: '' })
 
     addPlugin({

src/runtime/components/Icon.vue

@@ -1,13 +0,0 @@
-<script lang="ts">
-export interface IconProps {
-  name: string
-}
-</script>
-
-<script setup lang="ts">
-defineProps<IconProps>()
-</script>
-
-<template>
-  <Icon :name="name" />
-</template>