pinia增加持久化插件，开发环境取消动画，防止白屏

package.json

@@ -36,6 +36,7 @@
     "md-editor-v3": "^1.11.11",
     "nprogress": "0.2.0",
     "pinia": "^2.0.33",
+    "pinia-plugin-persistedstate": "^3.2.1",
     "qs": "^6.11.0",
     "sortablejs": "^1.15.0",
     "vue": "^3.3.4",

src/layout/index.vue

@@ -21,11 +21,14 @@
       <el-main class="app-main">
         <router-view v-slot="{ Component, route }">
           <!-- <transition name="fade-transform" mode="out-in"> -->
-          <transition name="scale" mode="out-in">
+          <transition name="scale" mode="out-in" v-if="!dev">
             <keep-alive :include="cachedViews">
               <component v-if="!route.meta.link" :is="Component" :key="route.path" />
             </keep-alive>
           </transition>
+          <keep-alive :include="cachedViews" v-else>
+            <component v-if="!route.meta.link" :is="Component" :key="route.path" />
+          </keep-alive>
           <!-- </transition> -->
         </router-view>
         <iframe-toggle />
@@ -47,7 +50,7 @@ import iframeToggle from './components/IframeToggle/index'
 import useAppStore from '@/store/modules/app'
 import useSettingsStore from '@/store/modules/settings'
 import useTagsViewStore from '@/store/modules/tagsView'
-
+const dev = import.meta.env.DEV
 const settingsStore = useSettingsStore()
 const theme = computed(() => settingsStore.theme)
 const sidebar = computed(() => useAppStore().sidebar)