fix: support passing localized routes to localePath (#3851)

Author: BobbieGoede

specs/fixtures/routing/pages/index.vue

@@ -49,6 +49,10 @@ const localeRoute = useLocaleRoute()
       <span class="external-link">{{ localePath('https://github.com') }}</span>
       <span class="external-mail">{{ localePath('mailto:example@mail.com') }}</span>
       <span class="external-phone">{{ localePath('tel:+31612345678') }}</span>
+
+      <!-- #3840 -->
+      <span data-testid="current-localized-route-param">{{ localePath($route, 'ja') }}</span>
+      <span data-testid="object-localized-route-param">{{ localePath({ name: 'index___en'}, 'ja') }}</span>
     </section>
     <ClientOnly>
       <section id="locale-route">

specs/routing/routing-tests.ts

@@ -66,6 +66,10 @@ export async function localePathTests(strategy: Strategies) {
   expect(await page.locator('#locale-path .external-mail').innerText()).toEqual('mailto:example@mail.com')
   expect(await page.locator('#locale-path .external-phone').innerText()).toEqual('tel:+31612345678')
 
+  // (#3840) localized route as parameter
+  expect(await page.getByTestId('current-localized-route-param').innerText()).toEqual(prefixPath('/', 'ja'))
+  expect(await page.getByTestId('object-localized-route-param').innerText()).toEqual(prefixPath('/', 'ja'))
+
   // for vue-router deprecation
   // https://github.com/vuejs/router/blob/main/packages/router/CHANGELOG.md#414-2022-08-22
   expect(consoleLogs.find(log => log.text.includes('Discarded invalid param(s)'))).toBeFalsy()

src/runtime/utils.ts

@@ -82,7 +82,7 @@ export function createComposableContext(ctx: NuxtI18nContext, nuxtApp: NuxtApp =
   const getLocalizedRouteName = createLocaleRouteNameGetter(defaultLocale)
 
   function resolveLocalizedRouteByName(route: RouteLikeWithName, locale: string) {
-    route.name ||= getRouteBaseName(router.currentRoute.value) // fallback to current route name
+    route.name = getRouteBaseName(route.name || router.currentRoute.value) // fallback to current route name
 
     // check if localized variant exists
     const localizedName = getLocalizedRouteName(route.name, locale)