Home
Softono
svelte-i18n

svelte-i18n

Open source MIT TypeScript
GitHub
1.4K
Stars
87
Forks
74
Issues
13
Watchers
1 year
Last Commit
i18n & Localisation

About svelte-i18n

Internationalization library for Svelte

Platforms

Web Self-hosted

Languages

TypeScript

Links

Source Code
k
Published by
kaisermann
Visit View Profile

README.md

View on GitHub

: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:

npm version

svelte-i18n

Internationalization for Svelte.

svelte-i18n helps you localize your app using the reactive tools Svelte provides. By using stores 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+.
<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>
// en.json
{
  "page": {
    "home": {
      "title": "Homepage",
      "nav": "Home"
    },
    "about": {
      "title": "About",
      "nav": "About"
    },
    "contact": {
      "title": "Contact",
      "nav": "Contact Us"
    }
  }
}