Internationalization library for Svelte
Go to file
pal03377 f7f5ed1e59
docs: add example for value interpolation (#79)
Added a short example about how to inject custom values into the translation
2020-06-26 20:23:10 -03:00
.github
docs docs: add example for value interpolation (#79) 2020-06-26 20:23:10 -03:00
src fix: 🐛 also wait for loaders added while loading 2020-05-31 12:50:57 -03:00
test fix: 🐛 also wait for loaders added while loading 2020-05-31 12:50:57 -03:00
.babelrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.nvmrc
.prettierrc
CHANGELOG.md chore(release): v3.0.4 🎉 2020-05-31 12:51:16 -03:00
LICENSE
package-lock.json chore(deps): bump acorn from 5.7.3 to 5.7.4 2020-03-15 16:27:29 -03:00
package.json chore(release): v3.0.4 🎉 2020-05-31 12:51:16 -03:00
README.md docs: ✏️ move example to template repo 2020-05-31 13:26:35 -03:00
rollup.config.js
tsconfig.json
yarn.lock chore(deps): bump acorn from 5.7.3 to 5.7.4 2020-03-15 16:27:29 -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"
    }
  }
}