Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[vue-i18n] Layout messages doesn't update when locale is switched

See original GitHub issue

Versions:

@inertiajs/inertia version: 0.9.2
@inertiajs/inertia-vue version: 0.6.2
vue-i18n version: 8.26.7

Describe the problem:

When I use layout: {Layout}, translation messages are not updated in layout file, but when I use components: {Layout} and manually wrap with <layout></layout> in every single page, messages are updated.

Steps to reproduce:

Use layout as layout: {Layout} (or even make it global in resolve, it doesn’t matter)
Install vue-i18n package
Configure it according to the official docs
Copy-paste locale switching example from official docs

Only page’s (<slot/>) messages will be updated.

Issue Analytics

State:
Created 2 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

claudiodekkercommented, Dec 2, 2021

In that case, I recommend you to ask your question in our Discord, as a GitHub Discussions topic, or perhaps even over at the Laracasts forums, as those places are more suitable compared to the issue tracker, as well as that there’s many others (especially on our Discord) that might be able to help with this 👍

0reactions

kenan-receblicommented, Dec 1, 2021

Another thing you could try in your layout is to ‘watch’ for a prop change, and then do a this.$forceUpdate() to force Vue to re-render that layout component.

I have tried this.$forceUpdate() before opening this issue, but it didn’t help. Anyway, thanks! 😃