[Help Wanted][Vue Router warn]: No match found for location with path "/en/en/sign-up", "pt/pt/something".

[FranciscoKloganB]

Description

Using the @nuxtjs/i18n": "^8.0.0-rc.9 with the configuration attached at the end of this post, my navigation between different versions of the website languages works, wether the navigation was initiated on the server (url insertion) or via NuxtLink or Button clicks. However, I keep getting warnings on my console.

This happens for pretty much all routes I have. I have no ideia how to fix this. I would like all my pages to have the locale prefix regardless of selected locale.

[Vue Router warn]: No match found for location with path "/en/en/sign-up"

Examples of my i18n usage

Tipically, I am creating NuxtLinks and button navigation on my application like so

<script setup lang="ts">
const localePath = useLocalePath()
const handleClick = () => navigateTo(localePath({ string-or-object-with-name })
</script>

<template>
  <!-- Inspecting this on the browser shows an anchor with <a href="/lang/path" /> as expected. If I do not invoke localePath on path, navigation stops working -->
  <NuxtLink :="localePath(path)">Link</NuxtLink>
  <button @click="handleClick">Button</button>
</template>

Configuration files

// nuxt.config.ts
i18n: {
    baseUrl: 'https://claymemoirs.com',
    defaultLocale: I18nConfig.defaultLocale.slice(0, 2),
    detectBrowserLanguage: {
      alwaysRedirect: false,
      cookieCrossOrigin: true,
      cookieKey: I18nConfig.cookieName,
      redirectOn: 'root',
      useCookie: true,
    },
    langDir: 'locales',
    lazy: true,
    locales: [...I18nConfig.locales],
    strategy: 'prefix',
    vueI18n: './configs/VueI18nConfig.ts',
}
  
// VueI18nConfig.ts
export default defineI18nConfig(() => {
  const defaultLocaleCode = I18nConfig.defaultLocale.substring(0, 2)

  return {
    availableLocales: I18nConfig.locales.map((localesConfig) => localesConfig.code),
    fallbackLocale: defaultLocaleCode,
    legacy: false,
    locale: defaultLocaleCode,
  }
})

// I18nConfig.ts
const I18nConfig = {
  cookieName: '__com.claymemoirs_i18n_locale__',
  defaultLocale: 'en-US',
  locales: [
    {
      code: 'en',
      file: 'en.json',
      flag: '🇺🇸',
      isCatchallLocale: true,
      iso: 'en-US',
      name: 'English',
    },
    {
      code: 'pt',
      file: 'pt.json',
      flag: '🇵🇹',
      isCatchallLocale: true,
      iso: 'pt-PT',
      name: 'Português',
    },
  ],
} as const

[songhannnn]

me too.