I'm encountering an issue with accessing actions in namespaced stores within a Nuxt SPA. For example, let's consider a store file named "example.js" located in the store directory:
import Vuex from "vuex";
const createStore = () => {
return new Vuex.Store({
state: {
forms : [],
},
mutations: {
setForms(state, forms) {
state.forms = forms
}
},
actions: {
setForms(vuexContext, forms) {
vuexContext.commit("setForms", forms)
}
},
getters: {
getForms(state) {
return state.forms
}
}
})
}
export default createStore;
Now, when trying to fetch data and store it on a specific page:
async fetch(context) {
return axios.get(..)
.then(data => {
context.store.dispatch("example/setForms", data.data)
})
.catch(e => {
context.error(e);
});
The above code results in the following error message:
unknown action type: example/setForms
What could be causing this issue?