Spaces:
Runtime error
Runtime error
| > :information_source: `svelte-i18n` is due to some reworking, like moving from a singleton to instances. This will be worked on when I find the time and priority :pray: | |
| [](https://badge.fury.io/js/svelte-i18n)  | |
| # svelte-i18n | |
| > Internationalization for Svelte. | |
| `svelte-i18n` helps you localize your app using the reactive tools Svelte provides. By using [stores](https://svelte.dev/docs#svelte_store) to keep track of the current `locale`, `dictionary` of messages and to `format` messages, we keep everything neat, in sync and easy to use on your svelte files. | |
| **Requirements** | |
| - Node: `>= 11.15.0` | |
| - Browsers: `Chrome 38+`, `Edge 16+`, `Firefox 13+`, `Opera 25+`, `Safari 8+`. | |
| ```svelte | |
| <script> | |
| import { _ } from 'svelte-i18n' | |
| </script> | |
| <h1>{$_('page.home.title')}</h1> | |
| <nav> | |
| <a>{$_('page.home.nav', { default: 'Home' })}</a> | |
| <a>{$_('page.about.nav', { default: 'About' })}</a> | |
| <a>{$_('page.contact.nav', { default: 'Contact' })}</a> | |
| </nav> | |
| ``` | |
| ```jsonc | |
| // en.json | |
| { | |
| "page": { | |
| "home": { | |
| "title": "Homepage", | |
| "nav": "Home" | |
| }, | |
| "about": { | |
| "title": "About", | |
| "nav": "About" | |
| }, | |
| "contact": { | |
| "title": "Contact", | |
| "nav": "Contact Us" | |
| } | |
| } | |
| } | |
| ``` | |
| - [Documentation / Getting Started](/docs/Getting%20Started.md) | |
| - [Usage with Svelte Kit](/docs/Svelte-Kit.md) | |
| - [i18n VSCode extension (3rd party)](https://github.com/antfu/i18n-ally) | |