Заголовок вкладки на языке в Nuxt

Текст на странице и заголовок вкладки лучше держать в одном словаре. Иначе при смене языка вкладка останется на старой фразе, хотя шаблон уже показывает перевод. Функция useSeoMeta принимает поле title; туда передадим результат функции t из функции useI18n.

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

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

При переключении на русскую локаль и текст на странице, и подпись вкладки покажут строку из ru.json для ключа welcome. Другие ключи подключают тем же способом, если нужны отдельные заголовки разделов.

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

Сделайте заголовок документа на странице сотрудников из ключа staffHeading через ту же функцию метаданных.