vue3多页面中如何共用pinia的数据

前言

这篇文章本质是想请教一个问题的，最近在搭建一个多页面的vue3项目，多页面吗，这意味着我有多个main.ts入口文件，最后打包也会生成多个xxx.html文件，我想当项目很庞大的时候，又或者为了后期扩展，多页面有时候也是一个不错的选择，但这在实际场景中会出现这么一种情况。A页面会用到或者改变一个数据，B页面也会用到，这里注意下是页面之间的，不是路由，那么此时我并不想依赖于cookie或者localstorage或者sessionstorage等缓存，我想放在vuex里面或者说是pinia，毕竟一些很多的数据或者敏感的数据不想暴露出来。

个人想法

所以我想着是在最外层打造一个stores，然后里面去写公共的store模块，就如这样。

pages下面是多个页面文件，我写了一个common的模块，里面内容如下

import {
   
    defineStore } from 'pinia'
// import { store } from '../index'

interface CommonState {
   
   
  name: any
}

export const useCommonModulesStore = defineStore('commonModules', {