build(projects): 依赖升级

src/router/index.ts

@@ -0,0 +1,18 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import type { App } from 'vue';
+import type { RouteRecordRaw } from 'vue-router';
+import { customRoutes } from './routes';
+import createRouterGuide from './permission';
+
+const routes: Array<RouteRecordRaw> = [...customRoutes];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+});
+
+createRouterGuide(router);
+
+export function setupRouter(app: App) {
+  app.use(router);
+}

src/router/permission.ts

@@ -0,0 +1,16 @@
+import type { Router } from 'vue-router';
+import { NProgress } from '@/plugins';
+
+/**
+ * 路由守卫函数
+ * @param router - 路由实例
+ */
+export default function createRouterGuide(router: Router) {
+  router.beforeEach((to, from, next) => {
+    NProgress.start();
+    next();
+  });
+  router.afterEach(() => {
+    NProgress.done();
+  });
+}

src/router/routes.ts

@@ -0,0 +1,22 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+/**
+ * 自定义路由
+ */
+export const customRoutes: Array<RouteRecordRaw> = [
+  {
+    name: 'root',
+    path: '/',
+    redirect: 'home'
+  },
+  {
+    name: 'home',
+    path: '/home',
+    component: () => import('@/views/home/index.vue')
+  },
+  {
+    name: 'system',
+    path: '/system',
+    component: () => import('@/views/system/index.vue')
+  }
+];