svelte-i18n/README.md

71 lines
1013 B
Markdown
Raw Normal View History

# svelte-i18n
2018-07-26 03:40:38 +02:00
> Internationalization for svelte
2018-07-26 03:40:38 +02:00
**Work-in-progress**
## Usage
### On the `store`
```js
import i18n from 'svelte-i18n'
import { Store } from 'svelte/store'
/** i18n(svelteStore, { dictionary }) */
const store = i18n(new Store(), {
dictionary: {
'pt-BR': {
message: 'Mensagem',
messages: {
alert: 'Alerta',
error: 'Erro',
},
},
'en-US': {
message: 'Message',
messages: {
alert: 'Alert',
error: 'Error',
},
},
},
})
/**
* Extend the initial dictionary.
* Dictionaries are deeply merged.
* */
store.i18n.extendDictionary({
'pt-BR': {
messages: {
warn: 'Aviso',
success: 'Sucesso',
},
},
'en-US': {
messages: {
warn: 'Warn',
success: 'Success',
},
},
})
/** Set the initial locale */
store.i18n.setLocale('en-US')
```
### On `templates`
```html
<div>
{$_('message')}: {$_.upper('messages.success'))}
</div>
```
2018-08-07 22:44:05 +02:00
Renders:
```html
Message: SUCCESS
```