feat(i18n): add Traditional Chinese (zh-TW) locale

README.md

@@ -213,6 +213,7 @@ When tests are configured:
 The project supports multiple languages. Currently supported languages:
 
 - 中文（简体）(Chinese Simplified)
+- 中文（繁體）(Chinese Traditional)
 - English (US)
 - Deutsch (DE)
 - Español (ES)

components/datetime-picker.tsx

@@ -17,6 +17,7 @@ import {
   tr,
   vi,
   zhCN,
+  zhTW,
   type Locale as DateFnsLocale,
 } from "date-fns/locale"
 import { RiCalendarLine, RiCloseLine, RiTimeLine } from "@remixicon/react"
@@ -50,6 +51,7 @@ const DATE_FNS_LOCALES: Record<string, DateFnsLocale> = {
   tr,
   vi,
   "zh-CN": zhCN,
+  "zh-TW": zhTW,
 }
 
 interface DateTimePickerProps extends Omit<React.ComponentProps<typeof Button>, "value" | "onChange"> {

components/language-switcher.tsx

@@ -4,12 +4,13 @@ import { useTranslation } from "react-i18next"
 import { RiTranslate2 } from "@remixicon/react"
 import { Button } from "@/components/ui/button"
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
-import { changeLocale, LOCALE_CODES, type Locale } from "@/lib/i18n"
+import { changeLocale, LOCALE_CODES, normalizeLocale } from "@/lib/i18n"
 
 const languageConfig: Record<string, { text: string; icon: typeof RiTranslate2 }> = {
   en: { text: "English", icon: RiTranslate2 },
   ar: { text: "العربية", icon: RiTranslate2 },
-  zh: { text: "中文", icon: RiTranslate2 },
+  zh: { text: "簡體中文", icon: RiTranslate2 },
+  "zh-TW": { text: "繁體中文", icon: RiTranslate2 },
   fr: { text: "Français", icon: RiTranslate2 },
   tr: { text: "Türkçe", icon: RiTranslate2 },
   ja: { text: "日本語", icon: RiTranslate2 },
@@ -30,7 +31,7 @@ const options = LOCALE_CODES.map((key) => ({
 
 export function LanguageSwitcher() {
   const { i18n, t } = useTranslation()
-  const currentLocale = (i18n.language?.split("-")[0] ?? "en") as Locale
+  const currentLocale = normalizeLocale(i18n.language)
   const currentLanguage = languageConfig[currentLocale] ?? languageConfig.en
 
   const CurrentIcon = currentLanguage.icon

lib/datetime-picker.js

@@ -16,6 +16,7 @@ export const DATE_FNS_LOCALE_CODE_MAP = {
   tr: "tr",
   vi: "vi",
   zh: "zh-CN",
+  "zh-TW": "zh-TW",
 }
 
 export function getDateFnsLocaleCode(value) {

lib/i18n-config.js

@@ -4,6 +4,7 @@ export const LOCALE_FILE_MAP = {
   en: "en-US",
   ar: "ar-MA",
   zh: "zh-CN",
+  "zh-TW": "zh-TW",
   ja: "ja-JP",
   ko: "ko-KR",
   de: "de-DE",
@@ -50,6 +51,12 @@ const LOCALE_ALIASES = {
   zh: "zh",
   zhcn: "zh",
   zhhans: "zh",
+  zhhant: "zh-TW",
+  zhhanthk: "zh-TW",
+  zhhanttw: "zh-TW",
+  zhhk: "zh-TW",
+  zhmo: "zh-TW",
+  zhtw: "zh-TW",
 }
 
 function isLocale(value) {

lib/i18n-config.ts

@@ -4,6 +4,7 @@ export const LOCALE_FILE_MAP = {
   en: "en-US",
   ar: "ar-MA",
   zh: "zh-CN",
+  "zh-TW": "zh-TW",
   ja: "ja-JP",
   ko: "ko-KR",
   de: "de-DE",
@@ -52,6 +53,12 @@ const LOCALE_ALIASES: Record<string, Locale> = {
   zh: "zh",
   zhcn: "zh",
   zhhans: "zh",
+  zhhant: "zh-TW",
+  zhhanthk: "zh-TW",
+  zhhanttw: "zh-TW",
+  zhhk: "zh-TW",
+  zhmo: "zh-TW",
+  zhtw: "zh-TW",
 }
 
 function isLocale(value: string): value is Locale {

lib/i18n.ts

@@ -117,7 +117,7 @@ export async function initI18n() {
         fallbackLng: DEFAULT_LOCALE,
         supportedLngs: LOCALE_CODES,
         nonExplicitSupportedLngs: true,
-        load: "languageOnly",
+        load: "currentOnly",
         interpolation: {
           escapeValue: false,
           prefix: "{",

tests/lib/datetime-picker.test.js

@@ -20,6 +20,7 @@ import {
 test("maps app locales to date-fns locale module codes", () => {
   assert.equal(getDateFnsLocaleCode("zh-CN"), "zh-CN")
   assert.equal(getDateFnsLocaleCode("zh"), "zh-CN")
+  assert.equal(getDateFnsLocaleCode("zh-TW"), "zh-TW")
   assert.equal(getDateFnsLocaleCode("pt-BR"), "pt-BR")
   assert.equal(getDateFnsLocaleCode("en-US"), "en-US")
   assert.equal(getDateFnsLocaleCode("unknown"), "en-US")

tests/lib/i18n-config.test.js

@@ -14,9 +14,25 @@ test("normalizeLocale accepts supported, browser, and legacy locale values", ()
   assert.equal(normalizeLocale("unknown"), "en")
 })
 
+test("normalizeLocale routes Traditional Chinese variants to zh-TW", () => {
+  assert.deepEqual(["zh-TW", "zh_TW", "zh-Hant", "zh-Hant-TW", "zh-HK", "zh-MO"].map(normalizeLocale), [
+    "zh-TW",
+    "zh-TW",
+    "zh-TW",
+    "zh-TW",
+    "zh-TW",
+    "zh-TW",
+  ])
+})
+
+test("normalizeLocale keeps Simplified Chinese variants on zh", () => {
+  assert.deepEqual(["zh", "zh-CN", "zh-Hans", "zh-SG"].map(normalizeLocale), ["zh", "zh", "zh", "zh"])
+})
+
 test("getLocaleFile resolves normalized locales to bundled locale files", () => {
   assert.equal(getLocaleFile("en-US"), "en-US")
   assert.equal(getLocaleFile("zh_CN"), "zh-CN")
+  assert.equal(getLocaleFile("zh-TW"), "zh-TW")
   assert.equal(getLocaleFile("pt-BR"), "pt-BR")
 })