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.

About this fork

This fork patches a security vulnerability and updates the Svelte dependency to version 5+. Take this into account.

Dependencies

• svelte >= 5.0.0
• node >= 11.15.0
• Browsers: Chrome 38+, Edge 16+, Firefox 13+, Opera 25+, Safari 8+.

Usage

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

Resources

• Documentation / Getting Started
• Usage with Svelte Kit
• i18n VSCode extension (3rd party)

License

Original work Copyright 2017 Christian Kaisermann

This fork:

Copyright 2025 Rodolfo González González

Licenced under MIT. Read the LICENSE file.