feat：自动化路由

package.json

@@ -39,7 +39,8 @@
     "tailwindcss": "^3.4.14",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.11.0",
-    "vite": "^5.4.8"
+    "vite": "^5.4.8",
+    "vite-plugin-pages": "^0.32.3"
   },
   "lint-staged": {
     "*.(ts|vue)": [

src/App.vue

@@ -1,37 +1,7 @@
-<script setup lang="ts">
-import { Button } from '@/components/ui/button';
-import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardFooter,
-    CardHeader,
-    CardTitle, } from '@/components/ui/card';
-</script>
+<script setup lang="ts"></script>
 
 <template>
-
-    <Card class="Card">
-    <CardHeader>
-      <CardTitle>组件的基本导入使用</CardTitle>
-      <CardDescription>卡片组件的描述</CardDescription>
-    </CardHeader>
-    <CardContent>
-    卡片组件的内容填充区
-    </CardContent>
-    <CardFooter>
-     卡片组件的表尾
-        <Button class="absolute left-4">Button</Button>
-    </CardFooter>
-  </Card>
+    <RouterView></RouterView>
 </template>
 
-<style lang="scss" scoped>
-.Card{
-    width: 300px;
-    height: 300px;
-    background-color: #fff;
-    margin: auto;
-    border-radius: 10px;
-}
-</style>
+<style lang="scss" scoped></style>

src/layouts/DefaultLayout.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template></template>
+
+<style lang="scss" scoped></style>

src/main.ts

@@ -1,5 +1,6 @@
 import { createApp } from "vue";
 import App from "./App.vue";
 import "@/assets/styles/index.scss";
+import router from "@/router";
 
-createApp(App).mount("#app");
+createApp(App).use(router).mount("#app");

src/pages/dashboard/index.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>控制台</template>
+
+<style lang="scss" scoped></style>

src/pages/index.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>首页</template>
+
+<style lang="scss" scoped></style>

src/pages/message/index.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>消息中心</template>
+
+<style lang="scss" scoped></style>

src/pages/profile/index.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>用户中心</template>
+
+<style lang="scss" scoped></style>

src/pages/recruitment/index.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>招新</template>
+
+<style lang="scss" scoped></style>

src/router/index.ts

@@ -0,0 +1,7 @@
+import { createRouter, createWebHistory } from "vue-router";
+import routes from "~pages";
+const router = createRouter({
+    history: createWebHistory(),
+    routes,
+});
+export default router;