@@ -72,12 +72,16 @@ const Page = () => {
72
72
< div>
73
73
< h2> Inline Tranlation< / h2>
74
74
< p> {_ (' Hello World' )}< / p>
75
+
75
76
< h2> Inline Tranlation with Variables< / h2>
76
77
< p> {_ (' %s User' , role)}< / p>
78
+
77
79
< h2> String Literal Translations< / h2>
78
80
< p> {t` Welcome ${ name} ` }< / p>
81
+
79
82
< h2> Translate Component< / h2>
80
83
< Translate> You are < strong> 22 < / strong> years old< / Translate>
84
+
81
85
< h2> Translate Component with Variables< / h2>
82
86
< Translate values= {[ 22 ]}> You are % s years old< / Translate>
83
87
< / div>
@@ -118,19 +122,23 @@ const Page = () => {
118
122
changeLanguage (language, languages[language]);
119
123
};
120
124
return (
121
- < div className = " p-4 " >
125
+ < div>
122
126
< button onClick= {() => change (' english' )}>
123
127
Change to English
124
128
< / button>
125
129
< button onClick= {() => change (' klingon' )}>
126
130
Change to Klingon
127
131
< / button>
132
+
128
133
< h2> Inline Tranlation< / h2>
129
134
< p> {_ (' Hello World' )}< / p>
135
+
130
136
< h2> Inline Tranlation with Variables< / h2>
131
137
< p> {_ (' %s User' , role)}< / p>
138
+
132
139
< h2> String Literal Translations< / h2>
133
140
< p> {t` Welcome ${ name} ` }< / p>
141
+
134
142
< h2> Translate Component< / h2>
135
143
< Translate> You are < strong> 22 < / strong> years old< / Translate>
136
144
< / div>
0 commit comments