Svelte Translate

GitHub

These demos can be found inside the src/lib/demos folder.

Basic Example

code on github

Languages

Hoi world

Jij bent een toppertje!

Hoi world <-- Called from function

Jij bent een toppertje! <-- Called from function

Image with translated alt text and title Wat een lekkere film

Current Translations Object

{
  "title": "Hoi { name }",
  "greeting": "Jij bent een <b>toppertje!</b>",
  "alt-text": "Wat een lekkere film"
}

Nested Example

code on github

Languages

Hoi world

Jij bent een toppertje!

Current Translations Object

{
  "title": "Hoi world",
  "pages": {
    "home": {
      "header": {
        "greeting": "Jij bent een <b>toppertje!</b>"
      }
    }
  }
}

Fallback to Default language

code on github

1

The title is missing in the current language (nl), so it falls back to the default language (en)

Hello world

Current Translations Object

{}

Default Translations Object

{
  "title": "Hello { name }"
}

Missing Translations Example

code on github

Languages

Hoi world

header.subtitle

Current Translations Object

{
  "title": "Hoi { name }",
  "greeting": "Jij bent een <b>toppertje!</b>"
}

Add Language Example

code on github

Languages

Hoi world

Jij bent een toppertje!

Current Translations Object

{
  "title": "Hoi { name }",
  "greeting": "Jij bent een <b>toppertje!</b>"
}

Set Default and Current Language Example

code on github

Languages

title

greeting

Current Translations Object

{}