fix: 修改vant的引入问题和更新依赖

build/vite/plugins/index.ts

@@ -16,7 +16,6 @@ import { ConfigPagesPlugin } from './pages';
 import { ConfigRestartPlugin } from './restart';
 import { ConfigProgressPlugin } from './progress';
 import { ConfigEruda } from './eruda';
-import { ConfigStyleImport } from './styleImport';
 import { ConfigImageminPlugin } from './imagemin';
 import { ConfigVisualizerConfig } from './visualizer';
 
@@ -50,9 +49,6 @@ export function createVitePlugins(env: ViteEnv, isBuild: boolean) {
   // 构建时显示进度条
   vitePlugins.push(ConfigProgressPlugin());
 
-  //styleImport
-  vitePlugins.push(ConfigStyleImport());
-
   // eruda
   VITE_USE_ERUDA && vitePlugins.push(ConfigEruda());
 

build/vite/plugins/styleImport.ts

@@ -1,12 +0,0 @@
-/**
- * @name ConfigRestartPlugin
- * @description 按需引入样式文件
- */
-
-import { createStyleImportPlugin, VantResolve } from 'vite-plugin-style-import';
-
-export const ConfigStyleImport = () => {
-  return createStyleImportPlugin({
-    resolves: [VantResolve()],
-  });
-};

package.json

@@ -18,10 +18,10 @@
   },
   "dependencies": {
     "@nutui/nutui": "^4.0.0",
-    "@varlet/ui": "^2.7.3",
+    "@varlet/ui": "^2.7.4",
     "@vueuse/core": "9.12.0",
     "@vueuse/integrations": "9.12.0",
-    "axios": "1.3.1",
+    "axios": "1.3.2",
     "dayjs": "^1.11.7",
     "mitt": "^3.0.0",
     "pinia": "^2.0.30",
@@ -43,7 +43,7 @@
     "cnjm-postcss-px-to-viewport": "^1.0.0",
     "consola": "^2.15.3",
     "cross-env": "^7.0.3",
-    "eruda": "^2.11.0",
+    "eruda": "^2.11.2",
     "eslint": "^8.33.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -65,9 +65,9 @@
     "stylelint-order": "^6.0.0",
     "terser": "^5.16.3",
     "typescript": "^4.9.5",
-    "unplugin-auto-import": "^0.12.2",
-    "unplugin-vue-components": "^0.22.12",
-    "vite": "^4.0.4",
+    "unplugin-auto-import": "^0.14.2",
+    "unplugin-vue-components": "^0.23.0",
+    "vite": "^4.1.1",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-eruda": "^1.0.1",
     "vite-plugin-imagemin": "^0.6.1",
@@ -75,7 +75,6 @@
     "vite-plugin-pages": "^0.28.0",
     "vite-plugin-progress": "^0.0.6",
     "vite-plugin-restart": "^0.3.1",
-    "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",
     "vue-eslint-parser": "^9.1.0",

src/layout/basic/index.vue

@@ -35,7 +35,6 @@
   watch(
     () => router,
     () => {
-      console.log(tabItem.findIndex((item) => item.key === router.currentRoute.value.path.replace('/', '')));
       const judgeRoute = tabItem.some((item) => item.key === router.currentRoute.value.path.replace('/', ''));
       activeTab.value = tabItem.findIndex((item) => item.key === router.currentRoute.value.path.replace('/', ''));
       tabbarVisible.value = judgeRoute;

src/utils/useAxiosApi.ts

@@ -1,6 +1,7 @@
 import { useAxios } from '@vueuse/integrations/useAxios';
 import axios from 'axios';
-import { showToast } from 'vant/lib/toast';
+import { showToast } from 'vant';
+import 'vant/es/toast/style';
 
 // create an axios instance
 const instance = axios.create({

src/utils/useFetchApi.ts

@@ -13,11 +13,9 @@ const useFetchApi = createFetch({
       return { options };
     },
     afterFetch(ctx) {
-      console.log(ctx);
       const { data, response } = ctx;
       if (response.status >= 200 && response.status < 300) {
         try {
-          console.log(response);
           const jsonObj = data;
           if (jsonObj.code != 200) {
             showNotify({ type: 'danger', message: jsonObj.message || 'Error' });

src/views/member/index.vue

@@ -8,7 +8,7 @@
       <p class="info"> 个人其他信息，后续补充.... </p>
     </div>
   </div>
-  <nut-grid>
+  <nut-grid direction="vertical">
     <nut-grid-item v-for="item in 10" :key="item" text="文字"><Dongdong /></nut-grid-item>
   </nut-grid>
 </template>

types/auto-imports.d.ts

@@ -47,7 +47,6 @@ declare global {
   const readonly: typeof import('vue')['readonly'];
   const ref: typeof import('vue')['ref'];
   const resolveComponent: typeof import('vue')['resolveComponent'];
-  const resolveDirective: typeof import('vue')['resolveDirective'];
   const setActivePinia: typeof import('pinia')['setActivePinia'];
   const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix'];
   const shallowReactive: typeof import('vue')['shallowReactive'];
@@ -71,3 +70,8 @@ declare global {
   const watchPostEffect: typeof import('vue')['watchPostEffect'];
   const watchSyncEffect: typeof import('vue')['watchSyncEffect'];
 }
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue';
+}