Internationalization library for Svelte
Go to file
pal03377 6269ec75f8
docs: fix 404 links (#91)
3 links here were broken - probably the formatjs people changed their URL structure. This change request fixes that.
2020-09-15 09:41:17 -03:00
.github chore: 🤖 test on latest node (for Intl purposes) 2019-11-28 23:16:05 -03:00
docs docs: fix 404 links (#91) 2020-09-15 09:41:17 -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 Namespace i18n store methods with "i18n" property 2018-08-08 20:17:08 -03:00
.editorconfig I'm sorry Typescript, it's not you... 2018-08-07 18:53:07 -03:00
.eslintignore feat: 🎸 add waitInitialLocale helper 2019-11-22 13:51:18 -03:00
.eslintrc test: 💍 add tests for formatters 2019-11-27 13:26:18 -03:00
.gitignore chore: 🤖 bump package json version 2020-02-03 11:24:50 -03:00
.nvmrc chore: 🤖 change nvmrc version 2019-11-28 23:19:05 -03:00
.prettierrc refactor: 💡 separation of a lot of concerns 2019-11-22 13:51:18 -03:00
CHANGELOG.md chore(release): v3.0.4 🎉 2020-05-31 12:51:16 -03:00
LICENSE 👶 Initial commit 2018-07-25 22:50:55 -03:00
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 feat: 🎸 add runtime typings 2020-01-23 10:11:04 -03:00
tsconfig.json feat: 🎸 add runtime typings 2020-01-23 10:11:04 -03:00
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"
    }
  }
}