Префикс языка в адресе в Nuxt

Давайте изучим, как язык отражается в URL. По умолчанию модуль может вести себя иначе, но для учебного сайта удобна стратегия prefix: каждый адрес начинается с кода локали. Каталог на английском станет /en/catalog, на русском - /ru/catalog. Префикс - это тот же code, что в массиве locales.

Добавим ключ strategy в блок i18n конфигурации:

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

Функции localePath и switchLocalePath начинают выдавать пути с этим префиксом. В браузере видно, на каком языке открыта страница, а закладка сохраняет полный адрес вместе с кодом en или ru.

Включите стратегию prefix в проекте магазина и проверьте, что каталог открывается по адресам /en/catalog и /ru/catalog.

Убедитесь, что страница сотрудников доступна с префиксом en и ru в начале пути.