Переключение языка в Nuxt

Посетителю нужен явный способ сменить язык без ручного редактирования адреса. Модуль @nuxtjs/i18n даёт функцию switchLocalePath: она строит URL той же страницы для другой локали. Удобно обернуть результат в NuxtLink.

На главной добавим две ссылки - для английского и русского:

<script setup>
	const { t } = useI18n();
</script>
<template>
	<p>
		{{ t('welcome') }}
	</p>
	<nav>
		<NuxtLink :to="switchLocalePath('en')">
			English
		</NuxtLink>
		<NuxtLink :to="switchLocalePath('ru')">
			Russian
		</NuxtLink>
	</nav>
</template>

После клика Nuxt откроет тот же маршрут с другим кодом языка, подгрузит нужный JSON и обновит строки на экране. Подписи ссылок на английском совпадают с полем name в конфиге, но можно выбрать любой короткий текст.

Разместите переключатель языка на странице магазина с двумя ссылками для локалей en и ru.

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