Всем привет! Я планирую проект по Nuxt.js, но на данный момент не могу найти элегантное решение для функциональности регионов. Я был бы очень признателен за идею, которая поможет реализовать функционал, в котором префикс выбранного региона будет добавлен к URL-адресам. Пример:

https://example.net/.../ - стандартный регион (EU регион)

https://example.net/eu/.../ - EU регион

https://example.net/au/.../ - AU регион

Нечто подобное делает nuxt/i18n, но проблема в том, что каждый регион может иметь несколько языков и планирую i18n держать только в cookies. На данный момент есть только одна идея - сделать это через NGINX, но я пока не уверен, что это сработает (взять каждый url с префиксом региона и проксировать его на localhost:3000 в качестве примера). Я не прошу вас писать код , мне нужен совет, в какую сторону смотреть (реализовывать через посредник роутера или возможно есть специальный модуль для такого). Если у вас есть какие-то идеи,  буду очень благодарен.

{
 ..
 data
 ..
 defaultRegionLanguage: ‘ru’
 accessRegionLanguages: [‘ru’, ‘en’]
}

facepalm... спасибо! Кажется я все сам себе усложнял!)

Подойдёт?

Сейчас доку nuxt/i18n посмотрю, не видел там опцию accessRegionLanguages, если такая там есть, то думаю вполне подойдет)

Сейчас доку nuxt/i18n посмотрю, не видел там опцию accessRegionLanguages, если такая там есть, то думаю вполне подойдет)

Спасибо за ответ, но скорее всего я плохо задал вопрос. На входе имеем регионы, у каждого региона может быть 1-5 локализаций. Например у EU региона французкий, немецки и английский языки. Локализации в URL не участвуют, они будут определяться по cookies. Собственно вопрос вот в чем, как сделать что бы url example.net/catalog/ example.net/eu/catalog/ и example.net/au/catalog/ смотрели на один и тот же компонент страницы catalog.vue ?

а если создать папку _lang и в индекс.вью через validate проверить доступность локали

мы так с городами делали на одном из сайтов

А как избежали дублирование компонентов страниц? При таком подходе получается все дерево страниц будет и в корне pages и внутри _lang папки если я правильно понял(

Ничего там дублироваться не будет. _lang нужен только для указания языка
тип
index.vue
contacts.vue
_lang
 index.vue
 contact.vue

он имеет в виду, если не будет указан регион

он имеет в виду, если не будет указан регион