Neverending Package Mountain
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    vue-i18n-mixinpublic

    vue-i18n-mixin

    Simple internationalisation mixin for Vue.js

    Installation

    npm install --save vue-i18n-mixin

    Usage

    In the Vue Model

    var root = new Vue({
        mixins: [
            require('vue-i18n-mixin')
        ],
     
        data: {
            locale: 'en'
        },
     
        translations: {
            header: {
                title: {
                    en: 'Hello',
                    fr: 'Bonjour'
                }
            }
        },
     
        created: function() {
            // If you need to dynamically create the translations
            this.$options.translations = {
                // ...
            };
        },
     
        ready: function() {
            var title;
     
            // You can translate in the VM
            title = this.translate('header.title'); // Will return 'Hello'
     
            // You can force a locale
            title = this.translate('header.title', 'fr'); // Will return 'Bonjour'
     
            // You can use the shorthand
            title = this.t('header.title')
        }
    });

    In a view

    <h1 v-text="translate('header.title')"></h1>
     
    <h1 v-text="t('header.title')"></h1>
     
    <h1 v-text="t('header.title', 'fr')"></h1>
     
    <h1>{{ t('header.title') }}</h1>

    install

    npm i vue-i18n-mixin

    Downloadsweekly downloads

    7

    version

    0.1.0

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar