Locale visibly switches on redirecting with statically generated pages

Version

nuxt-i18n: 6.15.1 nuxt: 2.14.0

Nuxt configuration

mode:

• universal

Nuxt-i18n configuration

i18n: {
    locales: ['fr', 'en'],
    defaultLocale: 'fr',
    detectBrowserLanguage: {
      useCookie: false,
      onlyOnRoot: true
    },
    vueI18n: {
      fallbackLocale: 'en',
    }
  }

Reproduction Link

I tried to reproduce the bug on codesandbox (here) but it does only appear on my local and production environment (https://ç.dev). Note: if you want to see the bug on my production environment, set your Browser language to anything other than French.

Steps to reproduce

Install a default Static Nuxt site + the module with above configuration.

What is Expected?

The redirect to the english version of the site should be triggered before the french version of the site loads.

What is actually happening?

The french version of the site load for a brief moment, then it is switched to the english version. This cause content to “jump” quickly when the domain loads. Visit my production website to see the bug.

[daishizenSensei]

Hello, did somebody find a solution for that issue? It’s a huge cost of TTI, which mean cost of customers 😃.

[rchl]

Since there is no way to fix that, I’ll close it.