Add japanese
Seto committed
Jan 24, 2022 at 17:09 UTC
b44a0a49f257494555ac01ff772980894b00c17f
4 files changed
+40
-2
src/components/App.tsx
+13
-1
@@ -12,6 +12,7 @@ import localeDe from 'react-intl/locale-data/de';
12
import localeFr from 'react-intl/locale-data/fr';
13
import localeZh from 'react-intl/locale-data/zh';
14
import localeEs from 'react-intl/locale-data/es';
15
+import localeJa from 'react-intl/locale-data/ja';
16
import messages_sv from "../translations/sv.json";
17
import messages_id from "../translations/id.json";
18
import messages_en from "../translations/en.json";
@@ -19,8 +20,18 @@ import messagesDe from "../translations/de.json";
20
import messagesFr from "../translations/fr.json";
21
import messagesZh from "../translations/zh.json";
22
import messagesEs from "../translations/es.json";
23
+import messagesJa from "../translations/ja.json";
24
23
-addLocaleData([...localeEn, ...localeId, ...localeSe, ...localeDe, ...localeFr, ...localeZh, ...localeEs]);
25
+addLocaleData([
26
+ ...localeEn,
27
+ ...localeId,
28
+ ...localeSe,
29
+ ...localeDe,
30
+ ...localeFr,
31
+ ...localeZh,
32
+ ...localeEs,
33
+ ...localeJa
34
+]);
35
36
let i18nConfig = {
37
language: 'en',
@@ -46,6 +57,7 @@ class App extends Component<AppProps, AppState> {
57
case 'fr': i18nConfig.messages = messagesFr; break;
58
case 'zh': i18nConfig.messages = messagesZh; break;
59
case 'es': i18nConfig.messages = messagesEs; break;
60
+ case 'ja': i18nConfig.messages = messagesJa; break;
61
default: i18nConfig.messages = messages_en; break;
62
}
63
i18nConfig.language = language;
src/components/LanguageDropdown.tsx
+6
@@ -63,6 +63,11 @@ class LanguageDropdown extends Component<LanguageDropdownProps, LanguageDropdown
63
name: "🇪🇸 Español"
64
}
65
66
+ const ja = {
67
+ value: "ja",
68
+ name: "🇯🇵 日本語"
69
+ }
70
+
71
var languageList: OptionProps[] = []
72
languageList.push(id)
73
languageList.push(se)
@@ -71,6 +76,7 @@ class LanguageDropdown extends Component<LanguageDropdownProps, LanguageDropdown
76
languageList.push(fr)
77
languageList.push(zh)
78
languageList.push(es)
79
+ languageList.push(ja)
80
81
return this.shuffle(languageList)
82
}
src/translations/ja.json
new
+19
@@ -0,0 +1,19 @@
1
+{
2
+ "header.home": "ホーム",
3
+ "header.about": "約",
4
+ "header.cv": "CV",
5
+ "header.contact": "連絡先",
6
+ "header.fun": "楽しいプロジェクト",
7
+ "home.title": "こんにちは,私の名前は{name}です。",
8
+ "home.iam": "私は",
9
+ "about.title": "約",
10
+ "about.skills": "スキル",
11
+ "cv.title": "CV",
12
+ "contact.title": "連絡先",
13
+ "player.instruction": "楽器のアイコンをクリックして,曲から削除します。",
14
+ "home.loading": "SplitFire AIを読み込んでいます...",
15
+ "player.loadingYoutube": "YouTubeを待っています...",
16
+ "footer.toTop": "トップに戻る",
17
+ "splitfire.whatIs": "私は,お気に入りの音楽を個別のコンポーネントに分割する人工知能ソフトウェアです。",
18
+ "player.loading": "🤖私は自分の仕事をしています..."
19
+}
types/react-intl/index.d.ts
+2
-1
@@ -5,4 +5,5 @@ declare module 'react-intl/locale-data/id';
5
declare module 'react-intl/locale-data/de';
6
declare module 'react-intl/locale-data/fr';
7
declare module 'react-intl/locale-data/zh';
8
-declare module 'react-intl/locale-data/es';
\ No newline at end of file
8
+declare module 'react-intl/locale-data/es';
9
+declare module 'react-intl/locale-data/ja';
\ No newline at end of file