Static GitHub Issues

[1535] i18n example broken on server load

prev: Unexpected token < when use component
next: Hydration broken on mobile in chrome inspector?

How to reproduce: download https://github.com/nuxt/nuxt.js/tree/dev/examples/i18n yarn and then any:

yarn dev
yarn generate
hs -p 3000 dist/
yarn build
yarn start

and load http://localhost:3000/fr/about/

In all of the cases, the server will send the French html, but upon hydration it will silently (nothing in console) be replaced with English.

Furthermore, the active base state in the Vue devtool will be

locales:Array[2]
0:"en"
1:"fr"
locale:"fr"

while $vm0.$i18n.locale is 'en';

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1367">#c1367</a>)</em></sub></div>