Prevent reload on switchLocalePath

What problem does this feature solve?

When you change the locale the page is reloaded. If you switch the language when typing a form, or editing something, all your changes are lost (one could prevent that with the provided callbacks, but it’s quite a lot of work to do it for all the cases in your app

What does the proposed changes look like?

It’s easy to simply change the locale with

 this.$i18n.locale = lang

But it doesn’t change the current path.

I would be nice if one could pass a second parameter to switchLocalePath to prevent the reload the page, while still modifying the path and changing the locale

<div align="right">_{This feature request is available on Nuxt.js community (#c60)}</div>

[lukaVarga]

The this.$router.push solution still reloads the page. Here’s how I solved this issue:

  switchLang(locale: TAvailableLocales): void {
    if (locale === this.$store.state.i18n.locale) {
      return;
    }

    // update store info
    this.$store.commit('i18n/i18nSetLocale', locale);

    // fetch new locale file
    import(`../lang/${locale}`).then(module => {
      // update i18n's locale instance
      this.$i18n.locale = locale;
      // set new messages from new locale file
      this.$i18n.setLocaleMessage(locale, module.default);
      // update url to point to new path, without reloading the page
      window.history.replaceState('', '', this.switchLocalePath(locale));
    });
  }

[Xzandro]

I also needed a way to switch the locale without refreshing the whole page. After attempting the solution from this issue, I noticed that the active states of menus are basically gone. Is this a negative side effect @rchl talked about? Would there be any solution?