wip: add account management page

src/router/menus/modules/demo/system.ts

@@ -0,0 +1,17 @@
+import type { MenuModule } from '/@/router/types';
+import { t } from '/@/hooks/web/useI18n';
+
+const menu: MenuModule = {
+  orderNo: 2000,
+  menu: {
+    name: t('routes.demo.system.moduleName'),
+    path: '/system',
+    children: [
+      {
+        path: 'account',
+        name: t('routes.demo.system.account'),
+      },
+    ],
+  },
+};
+export default menu;

src/router/routes/modules/dashboard.ts

@@ -9,7 +9,7 @@ const dashboard: AppRouteModule = {
   component: LAYOUT,
   redirect: '/dashboard/workbench',
   meta: {
-    icon: 'bx:bx-home',
+    icon: 'ion:grid-outline',
     title: t('routes.dashboard.dashboard'),
   },
   children: [

src/router/routes/modules/demo/charts.ts

@@ -9,7 +9,7 @@ const charts: AppRouteModule = {
   component: LAYOUT,
   redirect: '/charts/apexChart',
   meta: {
-    icon: 'vaadin:spline-area-chart',
+    icon: 'ion:bar-chart-outline',
     title: t('routes.demo.charts.charts'),
   },
   children: [

src/router/routes/modules/demo/comp.ts

@@ -9,7 +9,7 @@ const comp: AppRouteModule = {
   component: LAYOUT,
   redirect: '/comp/basic',
   meta: {
-    icon: 'ic:outline-settings-input-component',
+    icon: 'ion:layers-outline',
     title: t('routes.demo.comp.comp'),
   },
 

src/router/routes/modules/demo/feat.ts

@@ -9,7 +9,7 @@ const feat: AppRouteModule = {
   component: LAYOUT,
   redirect: '/feat/icon',
   meta: {
-    icon: 'ic:outline-featured-play-list',
+    icon: 'ion:git-compare-outline',
     title: t('routes.demo.feat.feat'),
   },
   children: [

src/router/routes/modules/demo/iframe.ts

@@ -10,7 +10,7 @@ const iframe: AppRouteModule = {
   component: LAYOUT,
   redirect: '/frame/doc',
   meta: {
-    icon: 'mdi:page-next-outline',
+    icon: 'ion:tv-outline',
     title: t('routes.demo.iframe.frame'),
   },
 

src/router/routes/modules/demo/level.ts

@@ -9,7 +9,7 @@ const permission: AppRouteModule = {
   component: LAYOUT,
   redirect: '/level/menu1/menu1-1/menu1-1-1',
   meta: {
-    icon: 'carbon:user-role',
+    icon: 'ion:menu-outline',
     title: t('routes.demo.level.level'),
   },
 

src/router/routes/modules/demo/page.ts

@@ -12,7 +12,7 @@ const page: AppRouteModule = {
   component: LAYOUT,
   redirect: '/page-demo/exception',
   meta: {
-    icon: 'mdi:page-next-outline',
+    icon: 'ion:aperture-outline',
     title: t('routes.demo.page.page'),
   },
   children: [

src/router/routes/modules/demo/permission.ts

@@ -10,7 +10,7 @@ const permission: AppRouteModule = {
   component: LAYOUT,
   redirect: '/permission/front/page',
   meta: {
-    icon: 'carbon:user-role',
+    icon: 'ion:key-outline',
     title: t('routes.demo.permission.permission'),
   },
 

src/router/routes/modules/demo/system.ts

@@ -0,0 +1,27 @@
+import type { AppRouteModule } from '/@/router/types';
+
+import { LAYOUT } from '/@/router/constant';
+import { t } from '/@/hooks/web/useI18n';
+
+const system: AppRouteModule = {
+  path: '/system',
+  name: 'System',
+  component: LAYOUT,
+  redirect: '/system/account',
+  meta: {
+    icon: 'ion:settings-outline',
+    title: t('routes.demo.system.moduleName'),
+  },
+  children: [
+    {
+      path: 'account',
+      name: 'Account',
+      meta: {
+        title: t('routes.demo.system.account'),
+      },
+      component: () => import('/@/views/demo/system/account/index.vue'),
+    },
+  ],
+};
+
+export default system;

src/router/routes/modules/home.ts

@@ -9,7 +9,7 @@ const dashboard: AppRouteModule = {
   component: LAYOUT,
   redirect: '/home/welcome',
   meta: {
-    icon: 'bx:bx-home',
+    icon: 'ion:home-outline',
     title: t('routes.dashboard.welcome'),
   },
   children: [