feat icons (#21)

app/composables/useRouteLink.ts

@@ -34,7 +34,7 @@ export const useRouteLink = () => {
         {
           id: 'dashboard/antv',
           label: 'AntV',
-          icon: 'antv-icon:index',
+          icon: 'i-simple-icons:antdesign',
           to: '/dashboard',
           defaultOpen: route.path.startsWith('/dashboard/antv'),
           tooltip: {
@@ -44,19 +44,19 @@ export const useRouteLink = () => {
             {
               id: 'antv/g2',
               label: 'G2',
-              icon: 'antv-icon:g2',
+              icon: 'i-material-symbols:bar-chart-rounded',
               to: '/dashboard/antv/g2',
             },
             {
               id: 'antv/s2',
               label: 'S2',
-              icon: 'antv-icon:s2',
+              icon: 'i-heroicons:table-cells-20-solid',
               to: '/dashboard/antv/s2',
             },
             {
               id: 'antv/l7',
               label: 'L7',
-              icon: 'antv-icon:l7',
+              icon: 'i-heroicons:map-pin',
               to: '/dashboard/antv/l7',
               defaultOpen: route.path.startsWith('/dashboard/antv/l7'),
               children: [
@@ -89,7 +89,7 @@ export const useRouteLink = () => {
             {
               id: 'antv/x6',
               label: 'X6',
-              icon: 'antv-icon:x6',
+              icon: 'i-hugeicons:workflow-circle-03',
               to: '/dashboard/antv/x6',
               defaultOpen: route.path.startsWith('/dashboard/antv/x6'),
               children: [

app/pages/dashboard/index.vue

@@ -35,7 +35,7 @@ const colorMode = useColorMode();
 const tabs = computed(() => {
   return [{
     label: 'AntV',
-    icon: 'antv-icon:index',
+    icon: 'i-simple-icons:antdesign',
     data: [
       {
         title: 'AntV G2',

nuxt.config.ts

@@ -94,17 +94,5 @@ export default defineNuxtConfig({
     preference: 'light',
     fallback: 'light',
   },
-  icon: {
-    customCollections: [
-      {
-        prefix: 'antv-icon',
-        dir: './assets/icons/antv',
-      },
-      {
-        prefix: 'threejs-icon',
-        dir: './assets/icons/threejs',
-      },
-    ],
-  },
   compatibilityDate: '2024-10-24',
 });

package.json

@@ -36,6 +36,7 @@
     "@antv/x6-plugin-stencil": "^2.1.5",
     "@antv/x6-plugin-transform": "^2.1.8",
     "@ckpack/vue-color": "^1.6.0",
+    "@iconify-json/hugeicons": "^1.2.1",
     "@iconify-json/material-symbols-light": "^1.2.6",
     "@iconify-json/simple-icons": "^1.2.11",
     "@nuxt/eslint": "^0.6.1",

server/api/users.ts

@@ -1,3 +1,4 @@
+// see https://github.com/nuxt-ui-pro/dashboard/blob/main/app/pages/users.vue
 import type { User } from '~/types'
 
 const users: User[] = [{