Как установить некоторые данные в магазине Vuex из вызова API

Question

Итак, я не понимаю, как установить массив данных, извлекаемых API в Vuex.

Это то, что я пытаюсь

/* store/modules/galleries.js */

// mutations
const mutations = {
    SET_GALLERIES(state, galleries) {
        state.galleries = galleries;
    }
};

// actions
const actions = {
    fetchAllGalleries({ commit }) {
        Vue.prototype.$oauth.request('/galleries')
            .then(galleries => {
                console.log(galleries) // [{...}, {...}, ...]
                commit('SET_GALLERIES', galleries);
            });
     }
}

/* myComponent.vue */

computed: {
    ...mapState('galleries', ['galleries'])
},
mounted() {
    this.$store.dispatch('galleries/fetchAllGalleries');
}

Но почему-то мой state.galleries всегда остается в своем исходном состоянии, даже если вызывается коммит.

В чем может быть ошибка?