See the component page for more information.
This custom element helps with client-side i18n. Each translatable element has a key attribute translate="" which is then referenced.
bower install x-translate
Supported translation methods:
Translate the h1 element to Icelandic from definitions in an object.
html:
<body>
<x-translate></x-translate>
<h1 translate="HEADER"> English! </h1>
</body>
js:
var langIS = {
HEADER : "Íslenska!"
}
var translator = document.querySelector('x-translate');
translator.use(langIS);
});
Translation with a JSON file.
html:
<body>
<x-translate use="IS.json"></x-translate>
<h1 translate="HEADER"> English! </h1>
</body>
js:
var translator = document.querySelector('x-translate');
translator.use('json');
});