perf: update menu icons (#4357)

playground/src/router/routes/modules/dashboard.ts

@@ -29,6 +29,7 @@ const routes: RouteRecordRaw[] = [
         path: '/workspace',
         component: () => import('#/views/dashboard/workspace/index.vue'),
         meta: {
+          icon: 'carbon:workspace',
           title: $t('page.dashboard.workspace'),
         },
       },

playground/src/router/routes/modules/examples.ts

@@ -20,6 +20,7 @@ const routes: RouteRecordRaw[] = [
         path: '/examples/modal',
         component: () => import('#/views/examples/modal/index.vue'),
         meta: {
+          icon: 'system-uicons:window-content',
           title: $t('page.examples.modal.title'),
         },
       },
@@ -28,6 +29,7 @@ const routes: RouteRecordRaw[] = [
         path: '/examples/drawer',
         component: () => import('#/views/examples/drawer/index.vue'),
         meta: {
+          icon: 'iconoir:drawer',
           title: $t('page.examples.drawer.title'),
         },
       },
@@ -36,6 +38,7 @@ const routes: RouteRecordRaw[] = [
         path: '/examples/ellipsis',
         component: () => import('#/views/examples/ellipsis/index.vue'),
         meta: {
+          icon: 'ion:ellipsis-horizontal',
           title: $t('page.examples.ellipsis.title'),
         },
       },
@@ -44,6 +47,7 @@ const routes: RouteRecordRaw[] = [
         path: '/examples/captcha',
         component: () => import('#/views/examples/captcha/index.vue'),
         meta: {
+          icon: 'logos:recaptcha',
           title: $t('page.examples.captcha.title'),
         },
       },
@@ -51,6 +55,7 @@ const routes: RouteRecordRaw[] = [
         name: 'FormExample',
         path: '/examples/form',
         meta: {
+          icon: 'mdi:form-select',
           title: $t('page.examples.form.title'),
         },
         children: [

playground/src/router/routes/modules/vben.ts

@@ -8,6 +8,7 @@ import {
   VBEN_LOGO_URL,
   VBEN_NAIVE_PREVIEW_URL,
 } from '@vben/constants';
+import { SvgAntdvLogoIcon } from '@vben/icons';
 
 import { BasicLayout, IFrameView } from '#/layouts';
 import { $t } from '#/locales';
@@ -59,6 +60,7 @@ const routes: RouteRecordRaw[] = [
         component: IFrameView,
         meta: {
           badgeType: 'dot',
+          icon: SvgAntdvLogoIcon,
           link: VBEN_ANT_PREVIEW_URL,
           title: $t('page.vben.antdv'),
         },
@@ -69,6 +71,7 @@ const routes: RouteRecordRaw[] = [
         component: IFrameView,
         meta: {
           badgeType: 'dot',
+          icon: 'logos:naiveui',
           link: VBEN_NAIVE_PREVIEW_URL,
           title: $t('page.vben.naive-ui'),
         },
@@ -79,6 +82,7 @@ const routes: RouteRecordRaw[] = [
         component: IFrameView,
         meta: {
           badgeType: 'dot',
+          icon: 'logos:element',
           link: VBEN_ELE_PREVIEW_URL,
           title: $t('page.vben.element-plus'),
         },