Ссылка с языком в Nuxt

Обычный NuxtLink с путём /catalog не учитывает код языка в адресе. Модуль @nuxtjs/i18n даёт функцию localePath: она добавляет префикс локали к внутреннему маршруту.

На главной сделаем ссылку в каталог с учётом языка:

<script setup>
	const { t } = useI18n();
</script>
<template>
	<p>
		{{ t('welcome') }}
	</p>
	<NuxtLink :to="localePath('/catalog')">
		Catalog
	</NuxtLink>
</template>

Пользователь остаётся в той же локали при переходе между страницами: localePath подставляет код языка в путь так же, как для текущего адреса в браузере.

Сделайте на странице магазина ссылку на /about так, чтобы в адресе сохранялся код текущего языка.

Добавьте на странице сотрудников ссылку на /contacts с тем же приёмом для локали.