refactor: Icons Type Declarations

src/components/Icons.vue

@@ -9,7 +9,7 @@
 
     <div b="1px solid pink">
       <div>Icons({ autoInstall: true })</div>
-      <i-carbon-face-cool class="text-yellow" w-32 h-32 />
+      <icon-carbon-face-cool class="text-yellow" w-32 h-32 />
     </div>
 
     <div b="1px solid pink">
@@ -19,12 +19,12 @@
 
     <div b="1px solid pink">
       <div>pacman.svg</div>
-      <!-- FIXME: [unocss] failed to load icon "svg-pacman" -->
-      <i-svg-pacman text-blue w-48 h-48 />
+      <icon-svg-pacman text-blue w-48 h-48 />
+      <some-icon text-cyan w-48 h-48 />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-//
+import SomeIcon from '~icons/svg/pacman';
 </script>