vuejs-localization

vuejs-localization

Installation

$ npm install vuejs-localization --save

Setup

var Vue = require('vue');
var Lang = require('vuejs-localization');

//Notice that you need to specify the lang folder, in this case './lang'
Lang.requireAll(require.context('./lang', true, /\.js$/));

Vue.use(Lang);

Lang Folder

└── lang
    ├── en
    |  └──messages.js
    └── pt
       └──messages.js

Lang file

//messages.js
module.exports = {
  hello_world : 'Hellow World!'
}

Usage

$lang.{file}.{key}

<h1>{{$lang.messages.hello_world}}</h1>

Results in:

<h1>Hello World</h1>

Change localization (reactive)

//inside vue instance
this.$lang.setLang('pt')