useLocaleRoute

The useLocaleRoute() composable returns a function that resolves the route according to the current locale.

Type

declare function useLocaleRoute(
  options?: I18nCommonRoutingOptionsWithComposable
): (route: RawLocation | RouteLocation, locale?: Locale) => Route | (RouteLocation & { href: string }) | undefined

Usage

<script setup>
const localeRoute = useLocaleRoute()
const { locale } = useI18n()
const linkPath = computed(() => {
  const route = localeRoute('blog', locale.value)
  return route != null ? route.path : '/'
})
</script>

<template>
  <NuxtLink :to="linkPath">{{ $t('blog') }}</NuxtLink>
</template>

useLocalePath

The useLocalePath() composable returns a function that resolves a path according to the current locale.

useSwitchLocalePath

The useSwitchLocalePath() composable returns a function that allows to switch the locale.