feat: i18n.locale property changes when route changed

[Yama-Tomo]

i18n.locale is reactive property. rerendered if it changed by using the switchLocalePath etc.

I think should that wait completed fetch or asyncData methods.

I modified the changes timing of locale property

[magicknight]

This is not work on nuxt.js. when switch routhe, The locale is never changed. Only nextLocale changed.

[magicknight]

The previous version works fine. pls discard this commit

[paulgv]

Sorry about that, I just reverted the commit in v5.4.2
@Yama-Tomo any way you cou make another PR that doesn't impact previous behavior? Also if you could share a real-life use case for this change, it would be very much appreciated!

[Yama-Tomo]

Not invoked app.i18n.onRouteChanged in plugins/main.js when route changes.. 🤔

@paulgv

real-life use case

• Precondition
  top page fetch is slow to complete

1. landing to EN top page
2. go to JP top page via switchLocalePath link click
   2.1 changes locale property ---> re-render !!
   2.2 wait until fetch is completed
3. JP top page rendered

This problem is time lag occurs between fetch completed and changes locale property.

I think that bad UX if it big

[Yama-Tomo]

@magicknight Have you enabled the lazy option?