ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #750 from ing-bank/chore/localize-storybook

Browse source 
chore(localize): add example to readme
This commit is contained in:
gerjanvangeest 2020-06-04 13:46:15 +02:00 committed by GitHub
commit bb7fa311b5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/localize/README.md
View file

@ -38,3 +38,21 @@ npm i --save @lion/localize
```js ```js
import { localize } from '@lion/localize'; import { localize } from '@lion/localize';
``` ```
### Example
The locale which will be loaded by default is accessed via the `localize.locale`.
The single source of truth for page's locale is `<html lang="my-LOCALE">`.
At the same time the interaction should happen via `localize.locale` getter/setter to be able to notify and react to the change.
```js
import { localize } from '@lion/localize.js';
localize.addEventListener('localeChanged', () => {
// do smth when data is loaded for a new locale
});
// changes locale, syncs to `<html lang="es-ES">` and fires the event above
localize.locale = 'es-ES';
```