<![CDATA[Nuxt.js i18n custom route paths with page sub directories]]>I am using the nuxt.js i18n plugin, I want to add a custom route path. I checked their documentation and it was mentioned like this.

'services/web':{
        en: '/web-application-development',
        it: '/web-applicatione'
  }

but when I add a route path, the navigation link is not working.

here is the code.

<NuxtLink :to="localePath({name:'services/web'})" class="nav-dropdown-link">
                            <img src="~/assets/imgs/nav-web-application.svg" alt="nav-web-application">
                            <span>{{ $t('navigationServiceWeb') }}</span>
                        </NuxtLink>
]]>https://lankadevelopers.lk/topic/1004/nuxt-js-i18n-custom-route-paths-with-page-sub-directoriesRSS for NodeFri, 13 Mar 2026 02:19:41 GMTFri, 13 Oct 2023 09:50:20 GMT60<![CDATA[Reply to Nuxt.js i18n custom route paths with page sub directories on Fri, 13 Oct 2023 09:57:22 GMT]]>@Nubelle

Try this, i think in NUXT3 you have to call the name with dash(-) not slash(/)

<NuxtLink :to="localePath({name:'services-web'})" class="nav-dropdown-link">
 </NuxtLink>
]]>https://lankadevelopers.lk/post/4966https://lankadevelopers.lk/post/4966Fri, 13 Oct 2023 09:57:22 GMT