图标工具

src/route/ToolsRoutes.js

@@ -0,0 +1,13 @@
+export default [{
+  path: 'icons',
+  name: 'icons',
+  component: () => import('@/views/tools/Icons.vue')
+}, {
+  path: 'forms',
+  name: 'forms',
+  component: () => import('@/views/tools/Forms.vue')
+}, {
+  path: 'tables',
+  name: 'tables',
+  component: () => import('@/views/tools/Tables.vue')
+}]

src/route/routes.js

@@ -1,6 +1,7 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import HomeView from '@/views/HomeView.vue'
 import AdminRoutes from '@/route/AdminRoutes'
+import ToolsRoutes from '@/route/ToolsRoutes'
 
 const router = createRouter({
   history: createWebHashHistory(import.meta.env.BASE_URL),
@@ -12,22 +13,19 @@ const router = createRouter({
       children: [{
         path: 'about',
         name: 'about',
-        component: () => import('@/views/AboutView.vue')
+        component: () => import('@/views/account/AboutView.vue')
       }, {
         path: 'personal',
         name: 'personal',
         component: () => import('@/views/account/PersonalInfo.vue')
-      }, {
-        path: 'icons',
-        name: 'icons',
-        component: () => import('@/views/Icons.vue')
       },
       {
         path: '/:pathMatch(.*)*',
         name: 'notFound',
         component: () => import('@/views/404.vue')
       },
-      ...AdminRoutes
+      ...AdminRoutes,
+      ...ToolsRoutes
       ]
     }
   ]