Single File Component Children not updating

[jan-thoma]

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]

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]

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]

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