chore(localize): improve localize storybook demo

This commit is contained in:
qa46hx 2020-01-23 15:49:29 +01:00
parent 3a0c71e6aa
commit e9611c6a3e

View file

@ -41,48 +41,48 @@ Localization data modules for `my-hello-component` might look like these:
- `/path/to/my-hello-component/translations/en-GB.js`
```js
export default {
greeting: 'Hello {name}!',
};
```
```js
export default {
greeting: 'Hello {name}!',
};
```
- `/path/to/my-hello-component/translations/nl-NL.js`
```js
export default {
greeting: 'Hallo {name}!',
};
```
```js
export default {
greeting: 'Hallo {name}!',
};
```
The approach with ES modules is great because it allows to simply reuse basic locale data and override only the needed parts for more specific locales.
- `/path/to/my-family-component/translations/en.js`
```js
export default {
havePartnerQuestion: 'Do you have a partner?',
haveChildrenQuestion: 'Do you have children?',
};
```
```js
export default {
havePartnerQuestion: 'Do you have a partner?',
haveChildrenQuestion: 'Do you have children?',
};
```
- `/path/to/my-family-component/translations/en-GB.js`
```js
import en from './en.js';
export default en;
```
```js
import en from './en.js';
export default en;
```
- `/path/to/my-family-component/translations/en-US.js`
```js
import en from './en.js';
```js
import en from './en.js';
export default {
...en,
haveChildrenQuestion: 'Do you have kids?',
};
```
export default {
...en,
haveChildrenQuestion: 'Do you have kids?',
};
```
### Loading data