[kapa.ai] i18n/nuxtjs. Issues with differentDomains

  i18n: {
    defaultLocale: 'en',
    locales: [
      { code: 'en', name: 'English', file: 'en.json', domain: localeDomains.en},
      { code: 'ee', name: 'Eesti', file: 'ee.json', domain: localeDomains.ee},
      { code: 'fi', name: 'Suomi', file: 'fi.json', domain: localeDomains.fi},
      { code: 'lt', name: 'Lietuvių', file: 'lt.json', domain: localeDomains.lt},
      { code: 'lv', name: 'Latvijas', file: 'lv.json', domain: localeDomains.lv}
    ],
    differentDomains: true,
    detectBrowserLanguage: false
   },

export const localeDomains = {
  en: process.env.DOMAIN_EN,
  ee: process.env.DOMAIN_EE,
  fi: process.env.DOMAIN_FI,
  lv: process.env.DOMAIN_LV,
  lt: process.env.DOMAIN_LT
}

<script setup lang="ts">
    const { locale, locales } = useI18n()
    const switchLocalePath = useSwitchLocalePath()

    const availableLocales = computed(() => {
  return locales.value.filter(i => i.code !== locale.value)
})
</script>

<template>
    <div class="flex flex-col gap-1">
      <a v-for="locale in availableLocales" :href="switchLocalePath(locale.code)" :key="locale.domain">
            {{ locale.code }}
      </a>
    </div>
    <h1 class="bg-red-7100">{{ $t('welcome') }}</h1>
</template>

href:switchLocalePath(locale.code)

strategy: "no_prefix"

$t('welcome')