@eli5/vue-lang-js
TypeScript icon, indicating that this package has built-in type declarations

1.3.1 • Public • Published

lang-js-vue

This plugin is based on https://github.com/rmariuzzo/Lang.js

Installation

This Vue plugin can be installed via npm or yarn

npm

$ npm install @eli5/vue-lang-js

yarn

$ yarn add @eli5/vue-lang-js

Initialization

Start by importing the component.

import Vue from 'vue'
import VueLang from '@eli5/vue-lang-js'

Vue.use(VueLang, {
    messages: source, // Provide locale file
    locale: 'nl', // Set locale
    fallback: 'en' // Set fallback lacale
})

Usage

Get language string

    this.$trans('auth.title')
    this.$trans('auth.title', { name: 'eli5' })
    {{ $trans('auth.title') }}
    {{ $trans('auth.title', { name: 'eli5' }) }}
    
    // Alias
    this.$t('auth.title')
    this.$t('auth.title', { name: 'eli5' })
    {{ $t('auth.title') }}
    {{ $t('auth.title', { name: 'eli5' }) }}

Get language string with plural

    this.$choice('auth.title', int)
    this.$choice('auth.title', int, { name: 'eli5' })
    {{ $choice('auth.title', int) }}
    {{ $choice('auth.title', int, { name: 'eli5' }) }}

    // Alias
    this.$tc('auth.title', int)
    this.$tc('auth.title', int, { name: 'eli5' })
    {{ $tc('auth.title', int) }}
    {{ $tc('auth.title', int, { name: 'eli5' }) }}

Set locale

    this.$lang.setLocale('en')

Readme

Keywords

Package Sidebar

Install

npm i @eli5/vue-lang-js

Homepage

www.eli5.io

Weekly Downloads

50

Version

1.3.1

License

MIT

Unpacked Size

12.3 kB

Total Files

8

Last publish

Collaborators

  • eli5_amsterdam