fix: index route for ssg with strategy prefix

Author: BobbieGoede

src/pages.ts

@@ -84,7 +84,7 @@ export async function setupPages({ localeCodes, options }: I18nNuxtContext, nuxt
 
       // keep root when using prefixed routing without prerendering
       const indexPage = pages.find(x => x.path === '/')
-      if (!nuxt.options._generate && options.strategy === 'prefix' && indexPage != null) {
+      if (options.strategy === 'prefix' && indexPage != null) {
         localizedPages.unshift(indexPage as NarrowedNuxtPage)
       }
 

src/prepare/strategy.ts

@@ -3,15 +3,10 @@ import type { Nuxt } from '@nuxt/schema'
 
 export function prepareStrategy({ options, normalizedLocales }: I18nNuxtContext, nuxt: Nuxt) {
   if (options.strategy === 'prefix' && nuxt.options._generate) {
+    // add localized routes as entry pages for prerendering
     const localizedEntryPages = normalizedLocales.map(x => ['/', x.code].join(''))
     nuxt.hook('nitro:config', config => {
       config.prerender ??= {}
-
-      // ignore `/` which is added by nitro by default
-      config.prerender.ignore ??= []
-      config.prerender.ignore.push(/^\/$/)
-
-      // add localized routes as entry pages for prerendering
       config.prerender.routes ??= []
       config.prerender.routes.push(...localizedEntryPages)
     })

src/runtime/server/plugin.ts

@@ -1,6 +1,7 @@
 import { stringify } from 'devalue'
 import { defineI18nMiddleware } from '@intlify/h3'
-import { defineNitroPlugin } from 'nitropack/runtime'
+import { isString } from '@intlify/shared'
+import { defineNitroPlugin, useRuntimeConfig } from 'nitropack/runtime'
 import { tryUseI18nContext, createI18nContext } from './context'
 import { createUserLocaleDetector } from './utils/locale-detector'
 import { pickNested } from './utils/messages-utils'
@@ -12,17 +13,51 @@ import { localeDetector } from '#internal/i18n/locale.detector.mjs'
 
 import type { H3Event } from 'h3'
 import type { CoreOptions } from '@intlify/core'
+import { localeCodes } from '#internal/i18n/options.mjs'
+import { genString } from 'knitwork'
+import type { I18nPublicRuntimeConfig, RootRedirectOptions } from '#internal-i18n-types'
 
 export default defineNitroPlugin(async nitro => {
   const options = await setupVueI18nOptions()
+  const runtimeI18n = useRuntimeConfig().public.i18n as I18nPublicRuntimeConfig
+  const { useCookie, cookieKey } = runtimeI18n.detectBrowserLanguage || {}
   const localeConfigs = createLocaleConfigs(options.fallbackLocale)
 
   nitro.hooks.hook('request', async (event: H3Event) => {
     event.context.nuxtI18n = createI18nContext()
     event.context.nuxtI18n.localeConfigs = localeConfigs
   })
 
+  function getPrefixRedirectionScript() {
+    if (runtimeI18n.rootRedirect) {
+      return `
+  if(${JSON.stringify(!!runtimeI18n.rootRedirect)}) {
+    window.location.replace('${isString(runtimeI18n.rootRedirect) ? runtimeI18n.rootRedirect : (runtimeI18n.rootRedirect as RootRedirectOptions).path}');     
+  }`
+    }
+    return `
+  function getCookieValue(cookieName) {
+    if (${JSON.stringify(!useCookie)}) return '';
+    for (const cookie of document.cookie.split('; ')) {
+      const [name, value] = cookie.split('=');
+      if (name === ${genString(cookieKey || __DEFAULT_COOKIE_KEY__)}) return value;
+    }
+  }
+  const locale = getCookieValue() || navigator.language;
+  const locales = ${JSON.stringify(localeCodes)};
+  const defaultLocale = ${genString(options.locale || localeCodes[0])};
+  window.location.replace('/' + (locales.includes(locale) ? locale : defaultLocale));`
+  }
+  const ssgPrefixRedirectionScript =
+    __IS_SSG__ && __I18N_STRATEGY__ === 'prefix' && `<script>${getPrefixRedirectionScript()}</script>`
+
   nitro.hooks.hook('render:html', (htmlContext, { event }) => {
+    if (ssgPrefixRedirectionScript && event.path === '/') {
+      htmlContext.body.length = 0
+      htmlContext.bodyAppend.unshift(ssgPrefixRedirectionScript)
+      return
+    }
+
     if (__I18N_PRELOAD__) {
       const ctx = tryUseI18nContext(event)
       if (ctx == null || Object.keys(ctx.messages ?? {}).length == 0) return

src/runtime/utils.ts

@@ -262,6 +262,10 @@ export async function navigate(redirectPath: string, routePath: string, locale:
   const { rootRedirect, skipSettingLocaleOnNavigate } = nuxt.$config.public.i18n as I18nPublicRuntimeConfig
   const ctx = useNuxtI18nContext(nuxt)
 
+  if (__I18N_STRATEGY__ === 'prefix' && __IS_SSG__ && routePath === '/') {
+    return
+  }
+
   if (routePath === '/' && rootRedirect) {
     let redirectCode = 302
     if (isString(rootRedirect)) {