https://github.com/kaisermann/svelte-i18n

Internationalization library for Svelte
https://github.com/kaisermann/svelte-i18n

dictionary hacktoberfest i18n internationalization svelte

Last synced: 2 days ago
JSON representation

Internationalization library for Svelte

• Host: GitHub
• URL: https://github.com/kaisermann/svelte-i18n
• Owner: kaisermann
• License: mit
• Created: 2018-07-26T00:43:56.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2024-10-21T08:20:04.000Z (about 2 months ago)
• Last Synced: 2024-12-03T09:04:49.630Z (9 days ago)
• Topics: dictionary, hacktoberfest, i18n, internationalization, svelte
• Language: TypeScript
• Homepage:
• Size: 2.4 MB
• Stars: 1,267
• Watchers: 12
• Forks: 80
• Open Issues: 68
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - kaisermann/svelte-i18n - Internationalization library for Svelte (svelte)
• awesome-made-by-brazilians - svelte-i18n
• awesome-svelte - svelte-i18n - Internationalization library for Svelte. (Utilities / Internationalization)

README

        
> :information_source: `svelte-i18n` is due to some reworking, like moving from a singleton to instances. This will be worked on when I find the time and priority :pray:

[![npm version](https://badge.fury.io/js/svelte-i18n.svg)](https://badge.fury.io/js/svelte-i18n) ![](https://github.com/kaisermann/svelte-i18n/workflows/CI/badge.svg)

# svelte-i18n

> Internationalization for Svelte.

`svelte-i18n` helps you localize your app using the reactive tools Svelte provides. By using [stores](https://svelte.dev/docs#svelte_store) 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+`.

```svelte

  import { _ } from 'svelte-i18n'

{$_('page.home.title')}


  {$_('page.home.nav', { default: 'Home' })}

  {$_('page.about.nav', { default: 'About' })}

  {$_('page.contact.nav', { default: 'Contact' })}

```

```jsonc

// en.json

{

  "page": {

    "home": {

      "title": "Homepage",

      "nav": "Home"

    },

    "about": {

      "title": "About",

      "nav": "About"

    },

    "contact": {

      "title": "Contact",

      "nav": "Contact Us"

    }

  }

}

```

- [Documentation / Getting Started](/docs/Getting%20Started.md)

- [Usage with Svelte Kit](/docs/Svelte-Kit.md)

- [i18n VSCode extension (3rd party)](https://github.com/antfu/i18n-ally)