Список языков в Nuxt

Модуль @nuxtjs/i18n должен знать, какие языки обслуживает сайт. Список задаётся в nuxt.config.ts внутри блока i18n полем locales. Каждая запись описывает код языка, подпись для переключателя и файл словаря, который подключим позже.

Для учебного примера возьмём английский и русский. Добавим массив локалей рядом с уже подключённым модулем:

export default defineNuxtConfig({
	modules: ['@nuxtjs/i18n'],
	i18n: {
		locales: [
			{ code: 'en', name: 'English', file: 'en.json' },
			{ code: 'ru', name: 'Russian', file: 'ru.json' },
		],
	},
});

Поле code - короткий идентификатор языка. Он попадёт в адрес и в логику переключения. name удобно показывать пользователю в ссылках «English» и «Russian». file связывает локаль с JSON-словарём в каталоге переводов.

Пока JSON-файлы могут отсутствовать: важно, что Nuxt видит обе локали и готовит маршруты под их коды. После сохранения конфига перезапустим npm run dev, чтобы список подхватился без ошибок синтаксиса.

Опишите в конфиге две локали для витрины магазина: английскую и русскую с теми же полями code, name и file.

Добавьте третью запись в locales для страницы сотрудников с кодом de, подписью German и файлом de.json.