Nuxt 4 i18n Architecture & Multi-Language Routing Strategy

i18n: {
    defaultLocale: 'zh-cn',
    strategy: 'prefix_except_default',
    langDir: 'locales',
    locales: [
        { code: 'zh-cn', name: '中文', file: 'zh_CN.json' },
        { code: 'zh-tw', name: '中文（繁體）', file: 'zh_TW.json' },
        { code: 'en', name: 'English', file: 'en.json' }
    ],
    detectBrowserLanguage: {
        useCookie: true,
        cookieKey: 'salong_i18n_redirected',
        redirectOn: 'root',
        fallbackLocale: 'zh-cn'
    }
}

i18n/locales/
├── zh_CN.json       # Simplified Chinese
├── zh_CN_player.ts  # Player Chinese strings
├── zh_TW.json       # Traditional Chinese
├── zh_TW_player.ts  # Player Traditional Chinese strings
└── en.json          # English

First visit /
    ├── Cookie: salong_i18n_redirected → saved language
    ├── Accept-Language → zh-TW → /zh-tw, en → /en
    └── Default → zh-cn

const naiveLocale = computed(() => {
    switch (locale.value) {
        case 'zh-cn': return { locale: zhCN, dateLocale: dateZhCN }
        case 'zh-tw': return { locale: zhTW, dateLocale: dateZhTW }
        default: return null  // English uses defaults
    }
})