feat: 更新包版本

package.json

@@ -7,24 +7,26 @@
   },
   "dependencies": {
     "@tailwindcss/postcss7-compat": "^2.2.4",
+    "@vue/runtime-core": "^3.3.4",
     "autoprefixer": "^9.8.6",
     "axios": "^0.21.1",
     "postcss": "^7.0.36",
     "sass": "^1.35.2",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.4",
-    "vue": "^3.0.5",
+    "vue": "^3.3.4",
-    "vue-router": "^4.0.10",
+    "vue-router": "^4.2.4",
-    "vuex": "^4.0.2"
+    "vuex": "^4.1.0"
   },
   "devDependencies": {
     "@sicons/antd": "^0.10.0",
     "@vicons/antd": "^0.10.0",
-    "@vitejs/plugin-vue": "^1.2.3",
+    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/compiler-sfc": "^3.0.5",
+    "@vue/compiler-sfc": "^3.3.4",
-    "naive-ui": "^2.15.5",
+    "naive-ui": "^2.34.4",
     "typescript": "^4.3.2",
     "vfonts": "^0.1.0",
-    "vite": "^2.3.8",
+    "vite": "^4.4.7",
+    "vite-plugin-vue-devtools": "1.0.0-beta.5",
     "vue-tsc": "^0.0.24"
   }
 }

src/router/home.ts

@@ -39,6 +39,16 @@ const layoutRouter = [
     },
     component: () => import("@/views/user/index.vue"),
   },
+  {
+    path: "/test",
+    name: "test",
+    mate: {
+      title: "用户",
+      keepAlive: true,
+      icon: "icon-Profile",
+    },
+    component: () => import("@/views/test/test.vue"),
+  },
 ];
 
 export default layoutRouter;

src/views/test/test.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="p-4">
+    <div class="box"></div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+
+
+<style lang="scss" scoped>
+.box{
+  width: 100px;
+  height: 100px;
+  background-image: url(http://p2.music.126.net/w_vuv9hBWq2hlJxJcmJrjg==/109951166115915081.jpg?param=500y500);
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+</style>

vite.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig } from "vite"
 import vue from "@vitejs/plugin-vue"
 import path from "path"
+import VueDevTools from "vite-plugin-vue-devtools"
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue(), VueDevTools()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "src"),