build(projects): 依赖升级

src/App.vue

@@ -1,8 +1,6 @@
 <template>
   <el-config-provider :locale="locale">
-    <div>
-      <el-date-picker />
-    </div>
+    <router-view />
   </el-config-provider>
 </template>
 

src/enum/route.ts

@@ -0,0 +1 @@
+export enum EnumRoutes {}

src/main.ts

@@ -1,5 +1,6 @@
 import { createApp } from 'vue';
 import App from './App.vue';
+import { setupRouter } from './router';
 import { setupSmoothScroll, setupElementPlus } from './plugins';
 import 'virtual:windi.css';
 import './styles/css/global.css';
@@ -7,5 +8,6 @@ import './styles/css/global.css';
 const app = createApp(App);
 setupSmoothScroll();
 setupElementPlus(app);
+setupRouter(app);
 
 app.mount('#app');

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')
+  }
+];

src/views/home/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>Home</div>
+</template>
+
+<script lang="ts" setup></script>
+<style scoped></style>

src/views/system/index.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>System</div>
+</template>
+
+<script lang="ts" setup></script>
+<style scoped></style>