fix: cannot resolve localePath correctly

package.json

@@ -93,7 +93,7 @@
     "unplugin": "^1.5.0",
     "unstorage": "^1.9.0",
     "vue-i18n": "9.5.0",
-    "vue-i18n-routing": "^1.1.2"
+    "vue-i18n-routing": "^1.1.4"
   },
   "devDependencies": {
     "@babel/parser": "^7.23.0",

specs/basic_usage.spec.ts

@@ -146,3 +146,38 @@ test('fallback to target lang', async () => {
   // current locale
   expect(await getText(page, '#lang-switcher-current-locale code')).toEqual('nl')
 })
+
+test('(#2525) localePath should keep hash', async () => {
+  const { page } = await renderPage('/')
+
+  expect(await page.locator('#link-about-hash').getAttribute('href')).toEqual('/about#my-hash')
+  expect(await page.locator('#link-about-hash-object').getAttribute('href')).toEqual('/about#my-hash')
+
+  expect(await page.locator('#link-about-query-hash').getAttribute('href')).toEqual('/about?foo=bar#my-hash')
+  expect(await page.locator('#link-about-query-hash-object').getAttribute('href')).toEqual('/about?foo=bar#my-hash')
+
+  // click `nl` lang switch with `<NuxtLink>`
+  await page.locator('#switch-locale-path-usages .switch-to-nl a').click()
+  await waitForURL(page, '/nl')
+
+  expect(await page.locator('#link-about-hash').getAttribute('href')).toEqual('/nl/about#my-hash')
+  expect(await page.locator('#link-about-hash-object').getAttribute('href')).toEqual('/nl/about#my-hash')
+
+  expect(await page.locator('#link-about-query-hash').getAttribute('href')).toEqual('/nl/about?foo=bar#my-hash')
+  expect(await page.locator('#link-about-query-hash-object').getAttribute('href')).toEqual('/nl/about?foo=bar#my-hash')
+})
+
+test('(#2523) localePath should not double encode paths', async () => {
+  const { page } = await renderPage('/')
+  const encodedPath = encodeURI('page with spaces')
+
+  expect(await page.locator('#link-page-with-spaces').getAttribute('href')).toEqual(`/${encodedPath}`)
+  expect(await page.locator('#link-page-with-spaces-encoded').getAttribute('href')).toEqual(`/${encodedPath}`)
+
+  // click `nl` lang switch with `<NuxtLink>`
+  await page.locator('#switch-locale-path-usages .switch-to-nl a').click()
+  await waitForURL(page, '/nl')
+
+  expect(await page.locator('#link-page-with-spaces').getAttribute('href')).toEqual(`/nl/${encodedPath}`)
+  expect(await page.locator('#link-page-with-spaces-encoded').getAttribute('href')).toEqual(`/nl/${encodedPath}`)
+})

specs/fixtures/basic_usage/pages/index.vue

@@ -81,6 +81,37 @@ useHead({
             {{ category.title }}
           </NuxtLink>
         </li>
+        <li class="path-hash">
+          <NuxtLink id="link-about-hash" :to="localePath('/about#my-hash')">{{ $t('about') }}</NuxtLink>
+        </li>
+        <li class="path-query-hash">
+          <NuxtLink id="link-about-query-hash" :to="localePath('/about?foo=bar#my-hash')">
+            {{ $t('about') }}
+          </NuxtLink>
+        </li>
+        <li class="path-hash">
+          <NuxtLink id="link-about-hash-object" :to="localePath({ name: 'about', hash: '#my-hash' })">{{
+            $t('about')
+          }}</NuxtLink>
+        </li>
+        <li class="path-query-hash">
+          <NuxtLink
+            id="link-about-query-hash-object"
+            :to="localePath({ name: 'about', query: { foo: 'bar' }, hash: '#my-hash' })"
+          >
+            {{ $t('about') }}
+          </NuxtLink>
+        </li>
+        <li class="path-spaces">
+          <NuxtLink id="link-page-with-spaces" :to="localePath({ name: 'page with spaces' })">
+            To the page with spaces!
+          </NuxtLink>
+        </li>
+        <li class="path-spaces-encoded">
+          <NuxtLink id="link-page-with-spaces-encoded" :to="localePath(`/${encodeURI('page with spaces')}`)">
+            To the page with spaces!
+          </NuxtLink>
+        </li>
       </ul>
     </section>
     <section id="nuxt-link-locale-usages">

specs/fixtures/basic_usage/pages/page with spaces.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>It works</div>
+</template>