Текст страницы на языке в Nuxt

Давайте разберём, как подставить перевод в шаблон. Модуль @nuxtjs/i18n даёт функцию useI18n. Из неё берут функцию t: она возвращает строку по ключу из JSON текущей локали.

На главной странице прочитаем приветствие из словаря и покажем его в разметке:

<script setup>
	const { t } = useI18n();
</script>
<template>
	<p>
		{{ t('welcome') }}
	</p>
</template>

При английской локали на экране будет Welcome, при русской - Welcome friend, если словари настроены как в учебном примере. Ключ welcome один, а значение меняется вместе с языком в адресе. Другие фразы добавляют новыми ключами в JSON и тем же вызовом t в шаблоне или скрипте.

Выведите на странице магазина строку по ключу shopTitle из словаря текущей локали.

Сделайте страницу сотрудников, где заголовок берётся из ключа staffHeading через функцию перевода в шаблоне.