Multilang

A quick XMLHTTP solution for multiple languages on one page.

Setting up

Firstly, import the MutiLang class.

import MultiLang from 'catworks-multilang'

Then create the object:

var multilang = new MultiLang([/* Array to Language files */])

Your language files should be JSON parse-able.

Let's take this english.json as an example.

{
    "title": "A MultiLang Page"
}

Now if you have - somewhere in your DOM:

<h1 multilang="title"></h1>

Then MultiLang will happily fetch your title and put it into your <h1> element.
You can change the language later using:

multilang.swap(/* language */)

You can also nest your language files:

{
    "toolbar": {
        "title": "A MultiLang Page",
        "login": {
            "login": "Log In",
            "register": "Register"
        }
    }
}

Then you can load them like this:

<div>
    <h1 multilang="toolbar.title"></h1>
    <button multilang="toolbar.login.login"></button>
    <button multilang="toolbar.login.register"></button>
</div>

Easy peasy.

That's all for now folks.