Single File Component Children not updating

dkfbasel / vuex-i18n

Localization plugin for vue.js 2.0 using vuex as store

MIT License

666 stars 56 forks source link

Single File Component Children not updating #108

Closed jan-thoma closed 5 years ago

jan-thoma commented 5 years ago

Steps to reproduce:

Create a new new project with Vue-CLI3 with router and i18n
Enable single file component Support
Add to parent single file component which contains the vue-router outlet
Add a watcher for '$18n.locale' to child component
Update locale
Nothing happens

tikiatua commented 5 years ago

Dear @jan-thoma

Thank you for reporting this. For reactive updates you should watch the state directly. I.e. the locale property in the i18n module in the store.

The properties on the $i18n object are regular functions and not reactive properties.

jan-thoma commented 5 years ago

To further describe this, even the {{ $t('string') }} is not updating and stays on the default locale in this case. When i store everything in the locale files, it works as excepted.

tikiatua commented 5 years ago

The setup is actually for vue-i18n and not for vuex-i18n.