(PART 2): [vuex] Do not mutate vuex store state outside mutation handlers - how to dynamically change locale w/o state being affected? about vue-i18n HOT 4 CLOSED

I tried to reproduce this issue.
https://jsfiddle.net/kazupon/y1qtk2tq/16/

I'll try to improve this issue.

from vue-i18n.

Nice example! It is basically demonstrating what we are seeing as well, and when this error occurs it kills all Vue reactivity (in your example, if you try and switch back to 'en' from 'ja' the content does not update locale change).

I find it very odd though. Where in your example are you mutating state outside of the mutation handler? Does mutating state in the plugin count as mutating state outside mutation handlers?

In our example we are NOT using Vuex to change language at all. As you'll see in my original post above we are changing language in the router using the beforeEach hook.

We are very confused why this error only appears in strict: true mode and when we switch to french, and go to the next route. Any ideas?

Thanks for trying to reproduce!

from vue-i18n.

I find it very odd though. Where in your example are you mutating state outside of the mutation handler? Does mutating state in the plugin count as mutating state outside mutation handlers?

The cause of vuex mutation error is bacause force updating with watcher.update in Vue instance.
This error occur in vue 1.0.x.
See the below implementation code:
https://github.com/kazupon/vue-i18n/blob/dev/src/override.js#L6-L8

by the way, In Vue 2.0, it does not occur.
http://jsfiddle.net/kazupon/k2z77mv7/7/

We are very confused why this error only appears in strict: true mode and when we switch to french, and go to the next route. Any ideas?

I think you can avoid with using $store.state.
see the jsfiddle example:
http://jsfiddle.net/kazupon/gva8x8ct/2/

$t or $tc can pass the lang.

from vue-i18n.

release v6.0.0
https://github.com/kazupon/vue-i18n/releases/tag/v6.0.0

from vue-i18n.