riot-i18nlet
v0.2.5
Published
Internationalization library for riotjs
Downloads
43
Readme
:globe_with_meridians: riot-i18nlet
Internationalization library for riotjs
:musical_note: Features
<riot-i18n>
custom tag- Shortcut access within tag using riot.mixin
- window.riotI18nlet direct access
:book: Documentation
:rocket: Install
brower: script tag
Direct Download / CDN
<script src="https://unpkg.com/riot-i18nlet/dist/iife.riot-i18nlet+i18nlet.js"></script>
other release files
NPM
npm install --save riot-i18nlet
bower
bower install riot-i18nlet
Custom Build
You will have to clone directly from GitHub and build riot-i18nlet yourself if you want to use the latest dev build.
git clone https://github.com/fkei/riot-i18nlet.git
npm install
npm run release
---
Output Directory : dist/
:checkered_flag: Getting started
Custom tag <riot-i18nlet>
<script src="https://unpkg.com/riot/riot"></script>
<script src="https://unpkg.com/riot-i18nlet/dist/iife.riot-i18nlet+i18n.js"></script>
<!-- HTML -->
<spec>
<riot-i18nlet context="hello" vals="{ {name: 'fkei'} }" />
</spec>
<!-- Javascript -->
<script>
var message = {
ja: {
'emoji.happy': ':)',
hello: 'こんにちは {{name}} {{emoji.happy}}',
},
en: {
'emoji.happy': ':)',
hello: 'Hello {{name}} {{emoji.happy}}',
},
};
var riotI18nlet = window.riotI18nlet.init();
riotI18nlet.loads(message);
// use custom tag for riot.js
riot.mount('spec')[0];
</script>
Javascript acccess
var message = {
ja: {
'emoji.happy': ':)',
hello: 'こんにちは {{name}} {{emoji.happy}}',
},
en: {
'emoji.happy': ':)',
hello: 'Hello {{name}} {{emoji.happy}}',
},
};
var riotI18nlet = window.riotI18nlet.init();
riotI18nlet.loads(message);
// access
var message = riotI18nlet.i('hello', { name: 'fkei' });
console.log(message); // console panel > 'Hello fkei :)'
Configuration
code : window.riotI18nlet.init(settings)
see i18nlet init
:scroll: Releases
Detailed changes for each release are documented in the releases.
Develop
eslint
npm run lint
test (build, mocha and karma)
npm test
build
# build
npm run build
# build and uglify
npm run release
debug
# mocha
npm run mocha-dev
# karma
npm run karma-dev