van-i18n
v1.0.0
Published
i18n provider for vanjs
Readme
van-i18n
i18n provider for vanjs app
Demo
Install
npm i van-i18nAPI Design
createI18NProvider(lang, localss): initialize onceuseTranslation(): use anywhere, returns :t(key): reactive translationsetLang(lang, rtl = false): change language globally
Usage
import van from "vanjs-core";
import { createI18NProvider, useTranslation } from "van-i18n";
const {div, p, button, br} = van.tags
const locals = {
fr: {
start: "Commencer",
end: "Terminer",
},
en: {
start: "Start",
end: "Finish",
},
};
createI18NProvider("en", locals);
const App = () => {
const [t, setLang] = useTranslation();
return div(
p(t("start")),
br(),
button({ onclick: () => setLang("en") }, "EN"),
button({ onclick: () => setLang("fr") }, "FR"),
);
};
document.body.appendChild(App());
Features
- Reactivity
- Simple Architecture
- No nesting
- No wrapping components
- Automatically updates
<html lang="".. - Handle directions
- Lightweight
Todo
- Interpolation
- Intl support