Homepage not redirecting to prefixed route when implementing "Wait for page transition" with ssr: false, and strategy: prefix

[adesombergh]

Environment

• Operating System: Linux
• Node Version: v18.18.0
• Nuxt Version: 3.8.0
• CLI Version: 3.9.1
• Nitro Version: 2.7.2
• Package Manager: [email protected]
• Builder: -
• User Config: modules, ssr, i18n
• Runtime Modules: @nuxtjs/[email protected]
• Build Modules: -

Reproduction

Stackblitz reproduction

To reproduce visit homepage without any prefix. You should get a 404 Page not found: /.

Project configuration:

• Nuxt with ssr: false
• I18n with strategy: "prefix"
• I18n with skipSettingLocaleOnNavigate: true
• NuxtPage with transition as described here

# nuxt.config.js
export default defineNuxtConfig({
  modules: ['@nuxtjs/i18n'],
  ssr: false,
  i18n: {
    ...,
    strategy: 'prefix',
    skipSettingLocaleOnNavigate: true,
  },
});

<template>
  <div>
    <LangSwitcher />
    <NuxtPage
      :transition="{
        name: 'page',
        mode: 'out-in',
        onBeforeEnter,
      }"
    />
  </div>
</template>

<script lang="ts" setup>
const { finalizePendingLocaleChange } = useI18n();

const onBeforeEnter = async () => {
  await finalizePendingLocaleChange();
};
</script>

<style>
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(1rem);
}
</style>

Describe the bug

When implementing the "Wait for page transition" (so that messages are updated after page transition and not before), in a project with ssr: false and strategy: "prefix", the un-prefixed homepage isn't redirecting to the prefixed route (/en, etc..), leading to a 404 Page not found: / error.

Additional context

No response

Logs

No response

[szulcus]

I have the same problem

[Tienisto]

I believe there is a bug in

i18n/src/runtime/utils.ts

Line 383 in b311455

if (import.meta.client && skipSettingLocaleOnNavigate) {

It needs to also check if the next route has i18n enabled or not. Currently, it seem to always set the locale based on the next route regardless if the next route has i18n or not