How do I use i18n?

Enable option

// nutin.config.js
export default {
  i18n: true,
}

Configuration file

// `config/languages.json` 
{
  "languages": [
    "en"
    // add / remove supported languages here
  ],
  "defaultLanguage": "en" // must match one entry in "languages"
}

Usage

In HTML templates, use data-i18n attribute to register keys.

// components/my-component/locales/en.json
{
  "my-key": "Hello, world."
}

<div data-i18n="my-component.my-key"></div>

data-i18n will replace the element text content with the first value found

language value -> default language value -> text content -> raw key

A generated view's locale file also gets a top-level title key, consumed as a document.title fallback — see How do I create a view?.