@lion/localize

The localization system helps to manage localization data split into locales and automate its loading

0.13.1
Source
npm

Version published: 4 years ago

Maintainers: 1

Created: 5 years ago

Readme

Source

Localize

export default {
  title: 'Localize/Intro',
};

Is meant to translate text into multiple languages. In it's simplest form it is a function that returns the translated text for a namespace + key.

Features

Uses es modules
Formatting of numbers, amounts
Formatting of dates

Further examples can be seen at Features Overview Demo and a more in depth description can be found at Localize System Overview.

Content

Feature	Description
Translate Text	Load and translate text in multiple languages
Format Numbers	Format numbers in multiple languages
Format Dates	Format dates in multiple languages

How to use

Installation

npm i --save @lion/localize

import { localize } from '@lion/localize';

Example

The locale which will be loaded by default is accessed via the localize.locale.

The single source of truth for page's locale is <html lang="my-LOCALE">. At the same time the interaction should happen via localize.locale getter/setter to be able to notify and react to the change.

import { localize } from '@lion/localize.js';

localize.addEventListener('localeChanged', () => {
  // do smth when data is loaded for a new locale
});

// changes locale, syncs to `<html lang="es-ES">` and fires the event above
localize.locale = 'es-ES';

Keywords

FAQs

What is @lion/localize?

Is @lion/localize well maintained?

Package last updated on 13 Jul 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install