npm-multilanguage-web v1.0.5

Multilanguage

Estructura del carpetas

 - proyecto
    - css
    - js
    - sass
    - node_module
        - npm-multilanguege-web
            - dist
                multilang.js
            - src 
                multilang.js
    - lang
        es.json
        en.json
        fr.json

Como usar la libreria

1) Agregar la carpetas lang los idiomas a utilizar 2) Incluier el script dist/multilang.js en el html 3) Hacer el llamado y pasar los parametros de opciones obligatorios

   multilang.translate({
        'default': 'es',
        'classElements': 'multilanguage',
        'btnClassChange': 'changeLang',
        'attrKey': 'data-lang-key'
    });

4) Botones para el cambios de idiomas debe contener la clase "changeLang" y el data-lang=""

<a href="#" class="btn btn-secondary my-2 changeLang" data-lang="es">ES</a>
<a href="#" class="btn btn-secondary my-2 changeLang" data-lang="en">EN</a>
<a href="#" class="btn btn-secondary my-2 changeLang" data-lang="fr">FR</a>

5) Asicomo los todos los textos deben contener la clase multilanguage y el data-lang-key="index.about.title" que debe hacer referencia al archivo json de idioma

<h1 class="fw-light multilanguage" data-lang-key="index.about.title">example title</h1>
<p class="lead text-muted multilanguage" data-lang-key="index.about.copy">exmple copy.</p>