vue-lang
Installation
$ npm install vue-lang --save
Setup
var Vue = ;var Lang = ; var locales = "en": "nl": Vue
Where en.json
is defined as:
"hello": "World" "messages": "You have {0} {1} messages"
For Webpack, either install JSON Loader or use .js
files instead of .json
and format as follows:
muduleexports = "hello": "World" "messages": "You have {0} {1} messages"
Usage
Language output
Hello {{$lang.hello}}{{$lang.messages | replace countmsg "new"}}
With:
"data": "countmsg": 5
Results in:
Hello WorldYou have 5 new messages
Change Language (reactive)
Vuethis
Available Languages
{{lang}}
Parse Path (Reactive) (TODO)
Hello {{$l('cities.amsterdam'}}
Credits
@Haixing-Hu & @kazupon for inspiration