wip: try middleware

middleware/locale-redirection.js

@@ -0,0 +1,21 @@
+export default function (context) {
+  if (process.client) {
+    const { route, redirect } = context
+    if (route.path !== '/') {
+      return
+    }
+
+    const localeCookie = _getLocaleFromCookie()
+    return localeCookie
+      ? redirect(`/${localeCookie}`)
+      : redirect('/locale-choice')
+  }
+}
+
+function _getLocaleFromCookie() {
+  const localeCookie = document.cookie
+    .split('; ')
+    .find((item) => item.startsWith('locale'))
+  if (!localeCookie) return null
+  return localeCookie.split('=')[1]
+}

nuxt.config.js

@@ -13,12 +13,11 @@ const i18nConfigurationForFrenchDomain = {
 }
 
 const i18nConfigurationForInternationalDomain = {
-  defaultLocale: 'fr',
+  defaultLocale: null,
   strategy: 'prefix',
   vueI18n: {
     fallbackLocale: 'fr',
   },
-  rootRedirect: config.isPixSite && !config.isFrenchDomain && 'locale-choice',
 }
 
 const nuxtConfig = {
@@ -28,6 +27,7 @@ const nuxtConfig = {
     fallback: '404.html',
     crawler: false,
   },
+  ssr: false,
   target: 'static',
   publicRuntimeConfig: {
     formKeysToMap: process.env.FORM_KEYS_TO_MAP || {},
@@ -179,7 +179,7 @@ const nuxtConfig = {
   },
 
   router: {
-    middleware: ['current-page-path'],
+    middleware: ['current-page-path', 'locale-redirection'],
     linkExactActiveClass: 'current-active-link',
   },
 

servers.conf.erb

@@ -50,10 +50,4 @@ server {
     add_header Cache-Control public;
     add_header ETag "";
   }
-
-  location = / {
-    if ($cookie_locale ~ ^[a-zA-Z-]+$) {
-      return 302 /$cookie_locale/;
-    }
-  }
 }