モジュールを使う

Vue.js 3 Vuex 4

複数のモジュールを登録する方法

how to use modules in vuex4.0 · Issue #1833 · vuejs/vuex · GitHub

src/store/index.ts

import { store as authStore, key as authKey } from "@/store/AuthStore";

const stores = [
  {
    store: authStore,
    key: authKey,
  },
];

export default stores;

src/main.ts

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import stores from "./store";
import ElementPlus from "element-plus";
import "element-plus/lib/theme-chalk/index.css";

const app = createApp(App);
app.use(router);
app.use(ElementPlus);
stores.forEach(({ store, key }) => {
  app.use(store, key);
});
app.mount("#app");