Nuxt 저장소 변환이 TypeError를 수신했습니다.

Nuxt 저장소 변환이 TypeError를 수신했습니다.

store/index.js에 다음과 같은 간단한 스토어를 셋업했습니다.

export const state = () => ({
    isDark: false,
});

export const mutations = {
    setIsDark(state, payload) {
        state.isDark = payload;
    },
};

export const getters = {
    getIsDark(state) {
        return state.isDark;
    },
};

컴포넌트에 isDark를 넣을 수 있는데 setIsDark를 호출하려고 하면 다음 오류가 발생합니다.

TypeError: Cannot read property 'setIsDark' of undefined

내 컴포넌트:

computed: {
    isDark() {
        return this.$store.getters.getIsDark;
    },
},

methods: {
    toggleIsDark() {
        this.$store.mutations.setIsDark(!this.isDark);
    },
},

내가 뭘 잘못하고 있지?

변환을 호출하는 구문은 다음과 같습니다.

this.$store.commit('setIsDark', !this.isDark);

액션의 경우:

this.$store.dispatch('setIsDark', !this.isDark);

언급URL : https://stackoverflow.com/questions/65325983/nuxt-store-mutation-recieving-typeerror