Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-16 01:26:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(i18n): update i18n usage (#4129)

Browse Source 
Co-authored-by: Alex Yang <himself65@outlook.com>
This commit is contained in:
TinsFox
2023-09-03 02:18:48 +08:00
committed by GitHub
parent a2623e1352
commit c3cca85184
1 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/i18n/README.md
+16 -5
View File
@@ -7,7 +7,7 @@
```tsx
import { useAFFiNEI18N } from '@affine/i18n/hooks';
import { LOCALES, useI18N } from '@affine/i18n';
// src/resources/en.json
// {
// 'Text': 'some text',
@@ -16,7 +16,7 @@ import { useAFFiNEI18N } from '@affine/i18n/hooks';
const App = () => {
const t = useAFFiNEI18N();
const i18n = useI18N();
const changeLanguage = (language: string) => {
i18n.changeLanguage(language);
};
@@ -24,9 +24,20 @@ const App = () => {
return (
<div>
<div>{t['Workspace Settings']()}</div>
<button onClick={() => changeLanguage('en')}>{t('Switch to language', { language: 'en' })}</button>
<button onClick={() => changeLanguage('zh-Hans')}>{t('Switch to language', { language: 'zh-Hans' })}</button>
<>
{LOCALES.map(option => {
return (
<button
key={option.name}
onClick={() => {
changeLanguage(option.tag);
}}
>
{option.originalName}
</button>
);
})}
</>
</div>
);
};