ℹ️ svelte-v4-i18n is just a dependecies-upgraded version of the original svelte-i18n package to support svelte >= 4.0.0.

svelte-v4-i18n

Internationalization for Svelte.

svelte-v4-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.

Usage

• 🚨 IMPORTANT: The import has been changed from the original package: Change from svelte-i18n to svelte-v4-i18n

<script>
  import { _ } from 'svelte-v4-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"
    }
  }
}

Requirements

• Node: >= 16.0.0

• Browsers: Chrome 38+, Edge 16+, Firefox 13+, Opera 25+, Safari 8+.

• Documentation / Getting Started

• Usage with Svelte Kit

• i18n VSCode extension (3rd party)