feat: 更新依赖和修复已知的问题

README.md

@@ -217,7 +217,7 @@ export const router = [
     name: 'root',
     path: '/',
     redirect: '/home',
-    component: () => import('@/components/Basic/index.vue'),
+    component: () => import('@/layout/basic/index.vue'),
   },
 ];
 

package.json

@@ -11,44 +11,40 @@
     "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
     "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
     "lint:lint-staged": "lint-staged",
+    "prepare": "husky install",
     "deps": "yarn upgrade-interactive --latest"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
   "dependencies": {
-    "@nutui/nutui": "^3.1.20",
-    "@vueuse/core": "8.5.0",
-    "@vueuse/integrations": "8.5.0",
+    "@nutui/nutui": "^3.1.21",
+    "@vueuse/core": "8.6.0",
+    "@vueuse/integrations": "8.6.0",
     "axios": "0.27.2",
     "pinia": "^2.0.14",
     "universal-cookie": "^4.0.4",
-    "vant": "^3.4.9",
+    "vant": "^3.5.0",
     "vue": "^3.2.36",
     "vue-i18n": "^9.1.10",
     "vue-router": "^4.0.15"
   },
   "devDependencies": {
-    "@types/node": "^17.0.35",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
+    "@types/node": "^17.0.40",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
     "@vitejs/plugin-legacy": "^1.8.2",
     "@vitejs/plugin-vue": "^2.3.3",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
     "consola": "^2.15.3",
     "eruda": "^2.4.1",
-    "eslint": "^8.16.0",
+    "eslint": "^8.17.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^9.0.1",
-    "husky": "7.0.4",
+    "eslint-plugin-vue": "^9.1.0",
+    "husky": "8.0.1",
     "lint-staged": "12.4.1",
     "mockjs": "^1.1.0",
     "postcss": "^8.4.14",
+    "postcss-html": "1.4.1",
     "postcss-px-to-viewport-8-plugin": "^1.1.3",
-    "postcss-html": "^1.4.1",
     "postcss-less": "^6.0.0",
     "prettier": "^2.6.2",
     "stylelint": "^14.8.5",
@@ -57,14 +53,18 @@
     "stylelint-config-recommended-vue": "^1.4.0",
     "stylelint-config-standard": "^25.0.0",
     "stylelint-order": "^5.0.0",
-    "typescript": "^4.7.2",
+    "typescript": "^4.6.3",
     "vite": "^2.9.9",
     "vite-plugin-eruda": "^1.0.1",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-style-import": "^2.0.0",
     "vue-eslint-parser": "^9.0.2",
-    "vue-tsc": "^0.34.16",
-    "yorkie": "^2.0.0"
+    "vue-tsc": "^0.36.1"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

src/layout/basic/index.vue

@@ -18,8 +18,7 @@
 
   const router = useRouter();
 
-  const tabSwitch = (item, index) => {
-    console.log(item, index);
+  const tabSwitch = (_item, index) => {
     switch (index) {
       case 0:
         router.push('/home');

src/router/routes.ts

@@ -1,32 +1,28 @@
 const routes = [
   {
-    name: 'root',
     path: '/',
     redirect: '/home',
-    component: () => import('/@/components/Basic/index.vue'),
+    component: () => import('/@/layout/basic/index.vue'),
     children: [
       {
-        name: 'Home',
         path: 'home',
-        component: () => import('/@/views/Home/index.vue'),
+        component: () => import('/@/views/home/index.vue'),
         meta: {
           title: '',
           keepAlive: true,
         },
       },
       {
-        name: 'List',
         path: 'list',
-        component: () => import('/@/views/List/index.vue'),
+        component: () => import('/@/views/list/index.vue'),
         meta: {
           title: '',
           keepAlive: true,
         },
       },
       {
-        name: 'Member',
         path: 'member',
-        component: () => import('/@/views/Member/index.vue'),
+        component: () => import('/@/views/member/index.vue'),
         meta: {
           title: '',
           keepAlive: true,
@@ -35,9 +31,9 @@ const routes = [
     ],
   },
   {
-    name: 'Login',
+    name: 'login',
     path: '/login',
-    component: () => import('/@/views/Login/index.vue'),
+    component: () => import('/@/views/login/index.vue'),
     meta: {
       title: '',
       keepAlive: true,

src/store/modules/user.ts

@@ -1,8 +1,8 @@
-import { AnyObject } from '/#/global';
 import { loginPassword } from '/@/api';
 import { useCookies } from '@vueuse/integrations/useCookies';
 import { defineStore } from 'pinia';
 import { watch } from 'vue';
+import { AnyObject } from '/#/global';
 
 const { VITE_TOKEN_KEY } = import.meta.env;
 const token = useCookies().get(VITE_TOKEN_KEY as string);

src/views/Home/index.vue

@@ -25,7 +25,6 @@
     </nut-button>
   </div>
   {{ getUserInfo }}
-  <Tabbar />
 </template>
 
 <script lang="ts" setup>

src/views/Login/index.vue

@@ -24,7 +24,6 @@
     pwd: '',
   });
   const ruleForm = ref<any>(null);
-  // const { proxy } = getCurrentInstance() as ComponentInternalInstance;
   const submit = () => {
     ruleForm.value.validate().then(async ({ valid, errors }: any) => {
       if (valid) {

vite.config.ts

@@ -37,6 +37,7 @@ export default function ({ command }: ConfigEnv): UserConfigExport {
     },
     server: {
       host: '0.0.0.0',
+      hmr: true,
     },
     plugins: [
       vue(),