package.json

@@ -56,7 +56,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "generate-messages": "extract-messages -l=en,es -o src/translations -d en --flat true **/messages.js"
+    "generate-messages": "extract-messages -l=en,es,zh,ja -o src/translations -d en --flat true **/messages.js"
   },
   "eslintConfig": {
     "extends": [

src/IntlProvider.tsx

@@ -2,6 +2,8 @@ import { type ReactNode } from 'react'
 import { IntlProvider as ReactIntlProvider } from 'react-intl'
 import enMessages from 'translations/en.json'
 import esMessages from 'translations/es.json'
+import zhMessages from 'translations/zh.json'
+import jaMessages from 'translations/ja.json'
 
 const DEFAULT_LOCALE = 'en-US'
 
@@ -13,6 +15,10 @@ const getMessages = (locale: string) => {
             return enMessages
         case 'es':
             return esMessages
+        case 'zh':
+            return zhMessages
+        case 'ja':
+            return jaMessages
         default:
             return enMessages
     }

src/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "Pages.Login": ""
+}

src/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "Pages.Login": ""
+}