Internationalization library for Svelte
Go to file
dependabot[bot] cd0ebb3169
chore(deps): bump ini from 1.3.5 to 1.3.8 (#113)
Bumps [ini](https://github.com/isaacs/ini) from 1.3.5 to 1.3.8.
- [Release notes](https://github.com/isaacs/ini/releases)
- [Commits](https://github.com/isaacs/ini/compare/v1.3.5...v1.3.8)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2021-02-15 13:40:45 -03:00
.github chore: 🤖 test on latest node (for Intl purposes) 2019-11-28 23:16:05 -03:00
docs fix: 🐛 default $json type to any 2021-02-10 21:22:48 -03:00
src test: 💍 add tests for invalid ICU syntax 2021-02-15 13:39:11 -03:00
test test: 💍 add tests for invalid ICU syntax 2021-02-15 13:39:11 -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 style: 💄 format tests 2020-11-05 15:55:42 -03:00
.gitignore chore: 🤖 bump package json version 2020-02-03 11:24:50 -03:00
.nvmrc chore: fix nvmrc version 2020-11-05 15:55:42 -03:00
.prettierrc chore: 🤖 update linter deps and format project 2020-09-20 10:14:26 -03:00
CHANGELOG.md 3.3.4 2021-02-15 13:39:27 -03:00
LICENSE
package.json 3.3.4 2021-02-15 13:39:27 -03:00
README.md docs: ✏️ add mention to i18n-ally 2020-11-07 10:59:41 -03:00
rollup.config.js chore: 🤖 don't minify cli for better debugging 2020-11-20 09:53:02 -03:00
tsconfig.json feat: 🎸 add runtime typings 2020-01-23 10:11:04 -03:00
yarn.lock chore(deps): bump ini from 1.3.5 to 1.3.8 (#113) 2021-02-15 13:40:45 -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"
    }
  }
}