¡Esto solo no funciona cuando se procesa del lado del servidor!

Tengo el problema, ese díaJs no actualiza la configuración regional globalmente después de cargar una página. Si bien i18n funciona bien, dayJs no se actualiza allí.

De hecho, cambia a la configuración regional durante 1 segundo, pero luego vuelve a cambiar a la configuración regional predeterminada en nuxt.config.js .

 async fetch() { const res = await this.$apollo.query({ query: eventSeriesBySlug, variables: { 'slug': this.$route.params.slug } }); this.eventSeries = res.data.eventSeriesBySlug; // "en" or "de" this.locale = this.eventSeries.language.short; // i18n works this.$i18n.setLocale(this.locale); // does just update when rendered client side this.$dayjs.locale(this.locale); }

Probé con un observador:

 watch: { locale(data) { this.$dayjs.locale(data); } },

No cambió (aunque se llama al vigilante). Solo funciona configurando la configuración regional localmente como:

 this.$dayjs(event.dateStart).locale(this.locale).format('MMM')

Pero guardar esta configuración regional en una tienda o pasarla por todos los componentes no es realmente una solución que yo prefiera. Entonces, ¿alguna idea sobre esto?

Y nuevamente: esto solo sucede en el lado del servidor renderizado. Cuando navego a la página mediante un nuxtlink / está ocurriendo una recarga en caliente (por lo que la representación del lado del cliente) está bien.