feat: pinia的缓存配置

src/store/config/index.ts

@@ -1,19 +1,16 @@
-import { PersistedStateOptions } from "pinia-plugin-persistedstate";
-
 /**
- * @description pinia 持久化参数配置
+ * https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/config.html
- * @param {String} key 存储到持久化的 name
+ * @description: 持久化配置
- * @param {Array} paths 需要持久化的 state name
+ * @param {string} key 存储的key
- * @return persist
+ * @param {Array<string>} paths 需要持久化的字段
- * */
+ * @return {*}
-const piniaPersistConfig = (key: string, paths?: string[]) => {
+ */
-  const persist: PersistedStateOptions = {
+const persistedstateConfig = (key: string, paths?: Array<string>) => {
+  return {
     key,
-    storage: localStorage,
+    storage: localStorage, // 存储方式，使用localStorage，也可以使用sessionStorage
-    // storage: sessionStorage,
     paths
   };
-  return persist;
 };
 
-export default piniaPersistConfig;
+export default persistedstateConfig;

src/store/index.ts

@@ -1,4 +1,5 @@
 // https://pinia.vuejs.org/zh/
+// https://prazdevs.github.io/pinia-plugin-persistedstate/zh/
 // store/index.js
 import { createPinia } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";

src/store/modules/theme-config.ts

@@ -1,4 +1,5 @@
 import { defineStore } from "pinia";
+import persistedstateConfig from "@/store/config/index";
 /**
  * 全局配置
  * @methods setCollapsed 设置菜单折叠
@@ -25,5 +26,5 @@ export const useThemeConfig = defineStore("theme-config", {
       this.language = data;
     }
   },
-  persist: true
+  persist: persistedstateConfig("theme-config")
 });

src/store/modules/user-info.ts

@@ -1,4 +1,5 @@
 import { defineStore } from "pinia";
+import persistedstateConfig from "@/store/config/index";
 /**
  * 用户信息
  * @methods setAccount 设置账号信息
@@ -25,5 +26,5 @@ export const useUserInfoStore = defineStore("user-info", {
       this.token = "";
     }
   },
-  persist: true
+  persist: persistedstateConfig("user-info")
 });