Access of $t in vueX action

[adminbmbc]

hi,

i have tried rootstate.$i18n.t it didn't work.
Any workaround ?

thanks in advance.

[tikiatua]

Hi @adminbmbc

The translate function is currently only exposed on the Vue instance and inside the components. The vuex-i18n state is actually stored in the vuex module i18n (you should be able to see it in the vue devtools). However, the translate function is not available on the store.

A workaround would be to pass the $t function from the component to the respective action and further on to a mutation if required.

this.$store.dispatch('some-action', { translate: this.$t, data: someday});

// in action
'some-action'({commit}, payload) {
    let translatedContent = payload.translate('some text');

    commit('some-commit', {
        translate: payload.translate,
        content: translatedContent
    });
}

[QADRAX]

Hi!
We are having exactly same issue... I think in the same way that vuex-i18n registers $t function in Vue and a new vuex module, it could register a kind of $t getter to access translations from other modules.