vue-lang

KO | EN

gitlite — search

#javascript #react #typescript #llm #machine-learning #docker #java #windows #awesome #vue #awesome-list #security #openai #open-source

(★ 12)

Vue.js i18n language integration

vue-lang 최신버젼 다운로드

// repository documentation

★ 0 (0 ratings)

# vue-lang for Vue 2.x

## Installation

```
$ npm install vue-lang --save
```

## Setup

```js
import Vue from 'vue'
import Lang from 'vue-lang'

const locales = {
  'en': require('./langs/en.json'),
  'br': require('./langs/br.json'),
  'nl': require('./langs/nl.json')
}

Vue.use(Lang, {lang: 'en', locales: locales})
```

Where `en.json` is defined as:

```js
{
  "hello": "World",
  "messages": "You have {0} {1} messages",
}
```

## Usage

### Language output

```html
Hello {{$lang.hello}}
{{$lang.messages | replace countmsg 'new'}}
```

With:

```js
{
  "data": {
    "countmsg": 5
  }
}
```

Results in:

```html
Hello World
You have 5 new messages
```

### Change Language (reactive)

```js
Vue.$setLang('nl')
this.$setLang('nl')
```

### Available Languages

```html
<ul>
 <li v-for="lang in $langs" @click="$setLang(lang)">{{lang}}</li>
</ul>
```

### Parse Path (Reactive) (TODO)

```html
Hello {{$l('cities.amsterdam'}}
```

## Credits

[@Haixing-Hu](https://github.com/Haixing-Hu/) & [@kazupon](https://github.com/kazupon/) for inspiration