Internationalization library for Svelte
Go to file
2021-09-30 11:02:48 -03:00
.github
docs docs: fix intl-messageformat doc url (#140) 2021-04-26 10:03:22 -03:00
src check module scripts for message definitions - CLI 2021-09-30 11:02:48 -03:00
test check module scripts for message definitions - CLI 2021-09-30 11:02:48 -03:00
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.nvmrc
.prettierrc
CHANGELOG.md chore(release): 3.3.10 2021-08-24 09:09:47 -03:00
LICENSE
package.json chore(release): 3.3.10 2021-08-24 09:09:47 -03:00
README.md
rollup.config.js chore: update svelte and rollup deps 2021-08-24 08:25:52 -03:00
tsconfig.json fix: enable typescript strictNullChecks 2021-08-24 09:09:31 -03:00
yarn.lock fix: enable typescript strictNullChecks 2021-08-24 09:09:31 -03:00

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"
    }
  }
}