Nuxt.js 外部ファイルからVuexのStore.gettersにアクセスしたい

Question

前提・やりたいこと

vueファイル内ではなく外部のjsファイル内でstoreにアクセスしてデータを取得したいです。
具体的には、storeファイル内にある、現在開いているページのslugと同じファイル名のglbファイルのパスをcurrentModelとしてasync fetch処理で保存しているので、それを外部のJSファイル内で取得しようとしています。

この外部JSはvueファイル内のCanvasで使っています。

import * as THREE from "three";
import GLTFLoader from 'three-gltf-loader';
import {store} from '/store/index.js'

main() {
//省略
    {
      const gltfLoader = new GLTFLoader();
      const model = store.getters.getCurrentModel();

      gltfLoader.load( Model, (data) => {
        const gltf = data;
        const obj = gltf.scene;
        scene.add(obj);
      });
    }
//省略
}

こちらはsrore/index.js の記述です。

import Vuex from 'vuex';

const store = () => new Vuex.Store({

    state: {
        currentModel: null,
    },

    getters: {
        getCurrentModel: (state) => {
            return state.currentModel;
        },
    },

    mutations: {
        saveCurrentModel(state, currentModel){
            state.currentModel = currentModel;
        },
    }
})

export default store

するとこのようなエラーが出ます。

TypeError: _store_index_js__WEBPACK_IMPORTED_MODULE_7__.store is undefined

このエラーに詳しい方がいらっしゃいましたら、何が原因かご教授いただけると幸いです。
よろしくお願い致します。

Answer 1

vueファイル以外の外部ファイルでstoreのデータを取得するためには、モジュールモードにしてないといけないらしく、修正して、また新しく質問を投稿しましたので、こちらでお願い致します。

https://teratail.com/questions/332666