vuejs-localization

Convenient way to retrive strings in various languages in Vuejs.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vuejs-localization
2801.0.35 years ago6 years agoMinified + gzip package size for vuejs-localization in KB

Readme

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')