Я создал хранилище vuex, подобное этому, в Nuxt.
export const state = () => ({
id: "",
type: null,
name: null,
});
export const mutations = {
setProfile(state, profile) {
state.id = profile.idStr;
state.type = profile.type;
state.name = profile.name;
}
};
export const getters = {
name(state) {
return state.name;
}
};
Данные сохраняются с store.commit("profile/setProfile", profile.data);
и успешно установлены. (Значения показаны в chrome dev-tools)
Теперь я пытаюсь получить доступ к свойству name
в одном из моих компонентов, используя метод mapGetters
, подобный этому.
import { mapGetters } from "vuex";
export default {
computed: mapGetters({
name: "profile/name"
})
};
Моя проблема в том, что геттер не найден.
ERROR [vuex] unknown getter: profile/name
Что не так с этим подходом?