The problem of splitting vuex action mutation module

vuex store module split
this is what I wrote in store/index.js

import Vue from "vue"
import Vuex from "vuex"
import axios from "axios"
import * as actions from "./actions"
import mutations from "./mutations"
import VuexPersistence from "vuex-persist"
Vue.use(Vuex)
const store = () => new Vuex.Store({
  state: {
    store:"11111",
    user_info:""
  },
  mutations:{

  },
  mutations,
  actions,
}) 
export default store

in store/mutations.js

import * as types from "./mutation-types"

var mutations = {
    [types.SET_USERINFO] (state,data) {
        state.user_info = data
    }
}
export default {
    mutations
}

in store/actions.js

import * as types from "./mutation-types"

export const set_userinfo = ({ commit }, data) => {
    commit(types.SET_USERINFO, data)
};

then store/mutation-types.js

export const SET_USERINFO = "SET_USERINFO";

keep reporting errors

Jan.08,2022

store/mutations.js

export default mutations
Menu