Components
Components API for Nuxt i18n module.
<NuxtLinkLocale>
This component is built on top of <NuxtLink> but changes the default behavior by internally using localePath() to make it easier to link to localized routes.
Examples
Basic usage
<template>
<NuxtLinkLocale to="/">{{ $t('home') }}</NuxtLinkLocale>
</template>
<!-- equivalent to -->
<script setup>
const localePath = useLocalePath()
</script>
<template>
<NuxtLink :to="localePath('/')">{{ $t('home') }}</NuxtLink>
</template>Forcing locale resolution
<template>
<NuxtLinkLocale to="/" locale="nl">{{ $t('home') }}</NuxtLinkLocale>
</template>
<!-- equivalent to -->
<script setup>
const localePath = useLocalePath()
</script>
<template>
<NuxtLink :to="localePath('/', 'nl')">{{ $t('home') }}</NuxtLink>
</template>Props
This component supports all props documented for <NuxtLink> in addition to props described below.
| Prop | Description |
|---|---|
locale | Optional prop to force localization using passed Locale, it defaults to the current locale. Identical to locale argument of localePath() |