ruoyi-plus-vben5/packages/stores/src/setup.ts

import type { App } from 'vue';

import { createPinia } from 'pinia';

interface SetupStoreOptions {
  /**
   * @zh_CN 环境
   */
  env: string;
  /**
   * @zh_CN 应用名,由于 @vben/stores 是公用的，后续可能有多个app，为了防止多个app缓存冲突，可在这里配置应用名
   * 应用名将被用于持久化的前缀
   */
  namespace: string;
}

/**
 * @zh_CN 初始化pinia
 * @param app vue app 实例
 */
async function setupStore(app: App, options: SetupStoreOptions) {
  const { createPersistedState } = await import('pinia-plugin-persistedstate');
  const pinia = createPinia();
  const { env, namespace } = options;
  pinia.use(
    createPersistedState({
      // key $appName-$store.id
      key: (storeKey) => `__${namespace}-${env}-${storeKey}__`,
      storage: localStorage,
    }),
  );
  app.use(pinia);
}

export { setupStore };