Super lightweight yet powerful i18n library
Only 20 lines of code to get i18n with internal references (translations in your translations) and simple plurals such as in English or in French. No dependencies.
npm install intljulep
import { i18n } from 'intljulep'
Intljulep uses ES modules, widely supported in browsers nowadays. Import the i18n
function from the intljulep.min.js
file. This file can be located in a CDN (example below) or copied in any directory of your website (for better performance and to be GDPR compliant, since you don’t have to connect to a third party server).
<script type="module">
import { i18n } from 'https://cdn.jsdelivr.net/npm/intljulep@0.2.3/intljulep.min.js'
</script>
i18n.addLocale('en', {
foo: "the bar",
plurals: {
msg: ["message", "messages"],
man: ["man", "men"],
woman: ["woman", "women"]
},
email: {
hey: "Hey!",
// Note the `@` prefix to use other translations in your translation
info: "Hi {name}. {@email.hey} You have {number} {@plurals.msg(number)}."
}
})
i18n.setLocale('en')
i18n('foo') // "the bar"
i18n('email.baz') // "email.baz"
i18n('plurals.msg', 0) // "messages"
i18n('plurals.msg', 1) // "message"
i18n('plurals.msg', 2) // "messages"
i18n('plurals.msg', 3) // "messages"
i18n('email.info', { name: "Laurent", number: 0 }) // "Hi Laurent. Hey! You have 0 messages."
i18n('email.info', { name: "Laurent", number: 1 }) // "Hi Laurent. Hey! You have 1 message."
i18n('email.info', { name: "Laurent", number: 2 }) // "Hi Laurent. Hey! You have 2 messages."
i18n('email.info', { name: "Laurent", number: 3 }) // "Hi Laurent. Hey! You have 3 messages."
i18n.addLocale('fr', {
foo: "le bar"
})
i18n.setLocale('fr')
i18n('foo') // "le bar"
i18n.setLocale('en')
i18n('foo') // "the bar"
Note that you don’t have to use the plurals
key specifically as nothing is hardcoded. You could use a single character key like s
for convenience:
i18n.addLocale('en', {
s: {
msg: ["message", "messages"],
man: ["man", "men"],
woman: ["woman", "women"]
},
})
i18n.setLocale('en')
i18n('s.man', 3) // "men"