From 11dd9c3559826b40cb46d8fb893f8519653e89d2 Mon Sep 17 00:00:00 2001
From: chuan_wuhao <443547225@qq.com>
Date: Mon, 29 Aug 2022 11:51:20 +0800
Subject: [PATCH] Fix the problem of hot update error report caused by
 transition components

---
 src/components/RayTransitionComponent/index.vue | 2 +-
 vite.config.ts                                  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/RayTransitionComponent/index.vue b/src/components/RayTransitionComponent/index.vue
index 6e583702..4e7227a0 100644
--- a/src/components/RayTransitionComponent/index.vue
+++ b/src/components/RayTransitionComponent/index.vue
@@ -1,7 +1,7 @@
 <template>
   <router-view v-slot="{ Component, route }">
     <transition name="fade-transform" mode="out-in" appear>
-      <keep-alive include="Layout">
+      <keep-alive include="layout">
         <component :is="Component" :key="route" />
       </keep-alive>
     </transition>
diff --git a/vite.config.ts b/vite.config.ts
index 017bac41..a77bc2d2 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -28,10 +28,10 @@ export default defineConfig(async ({ mode }) => {
     plugins: [
       vue({ reactivityTransform: true }),
       vueJsx(),
-      ViteInspect(), // 仅适用于开发模式(检查 Vite 插件的中间状态)
+      ViteInspect(), // 仅适用于开发模式(检查 `Vite` 插件的中间状态)
       VueI18nPlugin(),
-      useAutoImport(),
-      useViteComponents(),
+      await useAutoImport(),
+      await useViteComponents(),
       useViteCompression(),
       useVueI18nPlugin(),
       useHTMLTitlePlugin(),
@@ -46,7 +46,7 @@ export default defineConfig(async ({ mode }) => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: '@import "./src/styles/mixins.scss";', // 全局mixin
+          additionalData: '@import "./src/styles/mixins.scss";', // 全局 `mixin`
         },
       },
     },