feat(i18n): support zh_CN (#51)

lingui.config.ts

@@ -3,7 +3,7 @@ import { formatter } from "@lingui/format-json";
 import type { SupportedLocale } from "./src/lib/i18n/schema";
 
 const config = defineConfig({
-  locales: ["ja", "en"] satisfies SupportedLocale[],
+  locales: ["ja", "en", "zh_CN"] satisfies SupportedLocale[],
   sourceLocale: "en",
   fallbackLocales: {
     default: "en",

src/components/SettingsControls.tsx

@@ -254,6 +254,9 @@ export const SettingsControls: FC<SettingsControlsProps> = ({
             <SelectItem value="en">
               <Trans id="settings.locale.en" />
             </SelectItem>
+            <SelectItem value="zh_CN">
+              <Trans id="settings.locale.zh_CN" />
+            </SelectItem>
           </SelectContent>
         </Select>
         {showDescriptions && (

src/lib/date/formatLocaleDate.ts

@@ -1,6 +1,7 @@
 import { format } from "date-fns";
 import { enUS } from "date-fns/locale/en-US";
 import { ja } from "date-fns/locale/ja";
+import { zhCN } from "date-fns/locale/zh-CN";
 import type { SupportedLocale } from "../i18n/schema";
 
 export const convertDateFnsLocale = (locale: SupportedLocale) => {
@@ -9,6 +10,8 @@ export const convertDateFnsLocale = (locale: SupportedLocale) => {
       return ja;
     case "en":
       return enUS;
+    case "zh_CN":
+      return zhCN;
     default:
       locale satisfies never;
       return enUS;
@@ -49,6 +52,15 @@ export const formatLocaleDate = (
         case "time":
           return "MM/dd/yyyy HH:mm";
       }
+    } else if (locale === "zh_CN") {
+      switch (target) {
+        case "month":
+          return "yyyy年M月";
+        case "day":
+          return "yyyy年M月d日";
+        case "time":
+          return "yyyy年M月d日 HH:mm";
+      }
     }
     // default
     switch (target) {

src/lib/i18n/index.ts

@@ -1,7 +1,7 @@
 import { i18n } from "@lingui/core";
 import type { SupportedLocale } from "./schema";
 
-export const locales: SupportedLocale[] = ["ja", "en"];
+export const locales: SupportedLocale[] = ["ja", "en", "zh_CN"];
 
 const importMessages = async (locale: SupportedLocale) => {
   switch (locale) {
@@ -9,6 +9,8 @@ const importMessages = async (locale: SupportedLocale) => {
       return import("./locales/ja/messages");
     case "en":
       return import("./locales/en/messages");
+    case "zh_CN":
+      return import("./locales/zh_CN/messages");
     default:
       locale satisfies never;
       throw new Error(`Unsupported locale: ${locale}`);

src/lib/i18n/locales/en/messages.json

@@ -303,6 +303,12 @@
     "origin": [["src/components/SettingsControls.tsx", 255]],
     "translation": "English"
   },
+  "settings.locale.zh_CN": {
+    "placeholders": {},
+    "comments": [],
+    "origin": [["src/components/SettingsControls.tsx", 258]],
+    "translation": "Chinese (Simplified)"
+  },
   "settings.locale.description": {
     "placeholders": {},
     "comments": [],

src/lib/i18n/locales/ja/messages.json

@@ -303,6 +303,12 @@
     "origin": [["src/components/SettingsControls.tsx", 255]],
     "translation": "English"
   },
+  "settings.locale.zh_CN": {
+    "placeholders": {},
+    "comments": [],
+    "origin": [["src/components/SettingsControls.tsx", 258]],
+    "translation": "中国語（簡体字）"
+  },
   "settings.locale.description": {
     "placeholders": {},
     "comments": [],

src/lib/i18n/schema.ts

@@ -1,4 +1,4 @@
 import z from "zod";
 
-export const localeSchema = z.enum(["ja", "en"]);
+export const localeSchema = z.enum(["ja", "en", "zh_CN"]);
 export type SupportedLocale = z.infer<typeof localeSchema>;