Plugin for multilanguage VueJS 2.0

Related tags

vue-multilanguage
Overview

vue-multilanguage: control of languages in vuejs

We will help you to control the languages in your app for yours components

Installation

# yarn
yarn add vue-multilanguage
# npm
npm install vue-multilanguage --save

Get Started

Create the ml.js file to define your multilanguage settings and languages:

import Vue from 'vue'
import { MLInstaller, MLCreate, MLanguage } from 'vue-multilanguage'

Vue.use(MLInstaller)

export default new MLCreate({
  initial: 'english',
  save: process.env.NODE_ENV === 'production',
  languages: [
    new MLanguage('english').create({
      title: 'Hello {0}!',
      msg: 'You have {f} friends and {l} likes'
    }),

    new MLanguage('portuguese').create({
      title: 'Oi {0}!',
      msg: 'Você tem {f} amigos e {l} curtidas'
    })
  ]
})

More details:

  • MLInstaller: plugin class for install in Vue with Vue.use
  • MLCreate: class to define acl settings
    • initial: first language, for startup with your app
    • save: save current language in localStorage
    • languages: array with your languages supported
  • MLanguage: class with language generator, create your language with it
    • create: method for create language based in object param

You can define a middleware for execute before all get call. Use this for custom structure app, e.g:

export default new MLCreate({
  ...
  middleware: (component, path) => {
    const newPath = `${component.$options.name}.${path}`
    // you should return newPath
    return newPath
  }
})

PS: in example, all $ml.get call go concate path with component name.

For finish, in your main.js import the ml:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './ml'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

Use in components

You can define messages inside your component, use computed propertis with prefix ml

<template>
  <div id="app">
    <p v-text="$ml.get('myMessage')" />
  </div>
</template>

<script>
import { MLBuilder } from 'vue-multilanguage'

export default {
  name: 'app',
  data () {
    return { friends: 5 }
  },
  computed: {
    mlmyMessage () {
      return new MLBuilder('msg').with('f', this.friends).with('l', 406)
    }
  }
}
</script>

You can also get message direct in template:

<h1 v-text="$ml.with('VueJS').get('title')" />

E.g: display 'Hello VueJS'.

You can get list language in any component using list property:

<button
	v-for="lang in $ml.list"
	:key="lang"
	v-text="lang"
/>

Finish, you can change current language in any component using change method:

<button
	v-for="lang in $ml.list"
	:key="lang"
	@click="$ml.change(lang)"
	v-text="lang"
/>
Issues
  • translate() method not working.

    translate() method not working.

    I'm getting the following errors in the console when i try to use the method:

    -Error in render function: "TypeError: Cannot read property 'indexOf' of undefined" -TypeError: Cannot read property 'indexOf' of undefined

    opened by kamgasimo 6
  • Multiple languages files

    Multiple languages files

    Hi. Is it possible to have more than one files for each language and load them only if a component need them?

    I want to use this plugin in project with thousands of phrases to translate and I don't want to load one big file on start.

    opened by lukaszflorczak 6
  • Using the same parameter multiple times

    Using the same parameter multiple times

    Trying to use the same parameter twice in a translation, only the first slot is replaced. The second is not. Is this intended behavior?

    Thanks for a great module!

    opened by jeppebemad 5
  • It doesn't work with IE

    It doesn't work with IE

    I have try your plugin in IE, but it doesn't works. In chrome it works right, but in IE I have this issue in console: Error in directive lang bind hook: "ReferenceError: 'Symbol' is not defined

    Someone know why that happens ?

    Thanks Giovanni

    opened by giovannigenna 5
  • My current solution + one last question...

    My current solution + one last question...

    Hi Leonardo,

    As promised, I give you a link to what I have so far… http://test01.ireporter.be (it’s not that fancy, but feel free to play with it…)

    PS.: every component (topmenu, main-menu, main-content and footer) are al listening the a ‘language-changed’ event…

    Only problem I’m having…. I can’t set the ‘placeholder’ for the input fields on the ‘login’ form…

    Grtz & thanks again for your solution,

    Johnny

    opened by jdriesen 4
  • Small problem with translated text coming from Module...

    Small problem with translated text coming from Module...

    Hi Leonardo,

    I have one last small question... I can't make it work to pick up a translation from a component...

    I've made a very small demo project, based on your demo. I've added a component named 'myfooter'.

    Can I kindly ask to take a look a the sourcecode of the myfooter component ? I've added a detailed comment describing my problem.

    https://github.com/jdriesen/forleonardo

    Thanks in advance for your time, Leonardo.

    Kind regards, Johnny

    opened by jdriesen 4
  • Cannot read property of undefined

    Cannot read property of undefined

    Hi, I've tried this plugin, but I don't know how to override this error :

    main.js import MultiLanguage from 'vue-multilanguage' Vue.use(MultiLanguage, { default: 'fr', en: { connection: 'Connection' }, fr: { connection: 'Connexion' } })

    LoginPanel.vue template div span(v-lang.connection)

    The error : TypeError: Cannot read property 'connection' of undefined at Proxy.render (eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-ab120e6a","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/LoginPanel.vue (app.js:2333), <anonymous>:134:61) at VueComponent.Vue._render (vue.esm.js?efeb:4474) at VueComponent.updateComponent (vue.esm.js?efeb:2765) at Watcher.get (vue.esm.js?efeb:3115) at new Watcher (vue.esm.js?efeb:3104) at mountComponent (vue.esm.js?efeb:2772) at VueComponent.Vue$3.$mount (vue.esm.js?efeb:8429) at VueComponent.Vue$3.$mount (vue.esm.js?efeb:10790) at init (vue.esm.js?efeb:4065) at createComponent (vue.esm.js?efeb:5512)

    Maybe there is something I'm not doing well ... Thanks for any help.

    opened by steftanguy 4
  • Can't use capitals in language names

    Can't use capitals in language names

    The following works fine

    import MultiLanguage from 'vue-multilanguage'
    import Vue from 'vue'
    import en_us from '@/internationalization/en_US/en_US.json'
    import fr_ca from '@/internationalization/ca_FR/ca_FR.json'
    
    Vue.use(MultiLanguage, {
        default: 'fr_ca',
        en_us,
        fr_ca
    })
    

    This does not work

    import MultiLanguage from 'vue-multilanguage'
    import Vue from 'vue'
    import en_US from '@/internationalization/en_US/en_US.json'
    import fr_ca from '@/internationalization/ca_FR/ca_FR.json'
    
    Vue.use(MultiLanguage, {
        default: 'en_US ',
        en_US,
        fr_ca
    })
    
    opened by Epro95Z28 4
  • how to use on placeholder in input tag

    how to use on placeholder in input tag

    hi .

    i want set multilanguage on placeholder on input tag . how to use ?

    thanks .

    opened by webafra 3
  • EN is always default language

    EN is always default language

    Vue.use(MultiLanguage, {
    	default: 'ua',
    	ru: {
    		hi: 'тест',
    		welcome: 'Bem-vindo, {name}'
    	},
    	en: {
    		hi: 'Hello',
    		welcome: 'Welcome, {name}'
    	},
    	ua: {
    		hi: 'привіт',
    		welcome: 'Welcome, {name}'
    	}
    });
    
    console.log(this.language);
    
    

    writes: en

    opened by boomsya 3
  • Bump tar from 4.4.13 to 4.4.19 in /example

    Bump tar from 4.4.13 to 4.4.19 in /example

    Bumps tar from 4.4.13 to 4.4.19.

    Commits
    • 9a6faa0 4.4.19
    • 70ef812 drop dirCache for symlink on all platforms
    • 3e35515 4.4.18
    • 52b09e3 fix: prevent path escape using drive-relative paths
    • bb93ba2 fix: reserve paths properly for unicode, windows
    • 2f1bca0 fix: prune dirCache properly for unicode, windows
    • 9bf70a8 4.4.17
    • 6aafff0 fix: skip extract if linkpath is stripped entirely
    • 5c5059a fix: reserve paths case-insensitively
    • fd6accb 4.4.16
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump url-parse from 1.4.7 to 1.5.3 in /example

    Bump url-parse from 1.4.7 to 1.5.3 in /example

    Bumps url-parse from 1.4.7 to 1.5.3.

    Commits
    • ad44493 [dist] 1.5.3
    • c798461 [fix] Fix host parsing for file URLs (#210)
    • 201034b [dist] 1.5.2
    • 2d9ac2c [fix] Sanitize only special URLs (#209)
    • fb128af [fix] Use 'null' as origin for non special URLs
    • fed6d9e [fix] Add a leading slash only if the URL is special
    • 94872e7 [fix] Do not incorrectly set the slashes property to true
    • 81ab967 [fix] Ignore slashes after the protocol for special URLs
    • ee22050 [ci] Use GitHub Actions
    • d2979b5 [fix] Special case the file: protocol (#204)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump path-parse from 1.0.5 to 1.0.7 in /example

    Bump path-parse from 1.0.5 to 1.0.7 in /example

    Bumps path-parse from 1.0.5 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • is it possible dynamically add new language into languages list?

    is it possible dynamically add new language into languages list?

    hi, is it possible dynamically add new language into languages list? for example by default there is only one language, and when user want to switch to another, i want to load file with translations and add to available languages list and then swith to this new language

    opened by DimiUA 0
  • Bump http-proxy from 1.18.0 to 1.18.1 in /example

    Bump http-proxy from 1.18.0 to 1.18.1 in /example

    Bumps http-proxy from 1.18.0 to 1.18.1.

    Changelog

    Sourced from http-proxy's changelog.

    v1.18.1 - 2020-05-17

    Merged

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump elliptic from 6.4.0 to 6.5.3 in /example

    Bump elliptic from 6.4.0 to 6.5.3 in /example

    Bumps elliptic from 6.4.0 to 6.5.3.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump lodash from 4.17.15 to 4.17.19 in /example

    Bump lodash from 4.17.15 to 4.17.19 in /example

    Bumps lodash from 4.17.15 to 4.17.19.

    Release notes

    Sourced from lodash's releases.

    4.17.16

    Commits
    Maintainer changes

    This version was pushed to npm by mathias, a new releaser for lodash since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump lodash from 4.17.15 to 4.17.19

    Bump lodash from 4.17.15 to 4.17.19

    Bumps lodash from 4.17.15 to 4.17.19.

    Release notes

    Sourced from lodash's releases.

    4.17.16

    Commits
    Maintainer changes

    This version was pushed to npm by mathias, a new releaser for lodash since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • testing fails when using this plugin

    testing fails when using this plugin

    Hello developer. I got an issue testing a method when having this plugin on the project. I tried a minor experiment to see if the plugin has the problem. Here it is the HelloWorld.vue

    <template>
      <div id="app">
        <button
        v-for="lang in $ml.list"
        :key="lang"
        @click="$ml.change(lang)"
        v-text="lang"
    />
        <div v-for="item in $ml.get('myMessage')" :key="item.id" >
          <p>{{item.name}}</p>
          <p v-html="$ml.get('title')"></p>
          <button @click="theMethod(item.name)"></button>
        </div>
      </div>
    </template>
     
    <script>
    import { MLBuilder } from 'vue-multilanguage'
     
    export default {
      name: 'app',
      computed: {
        mlmyMessage () {
          return new MLBuilder('msg')
        }
      },
      method:{
        theMethod (el) {
          return el
        }
      }
    }
    </script>
    

    and here is the test:

    import { mount } from '@vue/test-utils'
    import HelloWorld from '@/components/HelloWorld.vue'
    
    describe('HelloWorld.vue', () => {
      it('renders props.msg when passed', () => {
        const wrapper = mount(HelloWorld, {
        })
        wrapper.vm.theMethod("i am trying some good stuff here")
      })
    })
    
    

    the error to the original project and to this experimental project is the same: [Vue warn]: Error in render: "TypeError: Cannot read property 'list' of undefined"

    opened by KLala94 0
  • Bump websocket-extensions from 0.1.3 to 0.1.4 in /example

    Bump websocket-extensions from 0.1.3 to 0.1.4 in /example

    Bumps websocket-extensions from 0.1.3 to 0.1.4.

    Changelog

    Sourced from websocket-extensions's changelog.

    0.1.4 / 2020-06-02

    • Remove a ReDoS vulnerability in the header parser (CVE-2020-7662, reported by Robert McLaughlin)
    • Change license from MIT to Apache 2.0
    Commits
    • 8efd0cd Bump version to 0.1.4
    • 3dad4ad Remove ReDoS vulnerability in the Sec-WebSocket-Extensions header parser
    • 4a76c75 Add Node versions 13 and 14 on Travis
    • 44a677a Formatting change: {...} should have spaces inside the braces
    • f6c50ab Let npm reformat package.json
    • 2d211f3 Change markdown formatting of docs.
    • 0b62083 Update Travis target versions.
    • 729a465 Switch license to Apache 2.0.
    • See full diff in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Releases(v2.0)
Owner
Leonardo Vilarinho
Freelance Full Stack PHP Developer
Leonardo Vilarinho
Vue I18n for Vue 3

Vue I18n is part of the Vue Ecosystem and Intlify Project is an open source project with its ongoing development made possible entirely by the support of Sponsors. If you would like to become a sponsor, please consider:

intlify 558 Oct 13, 2021
Localization plugin for vue.js 2.0 using vuex as store

vuex-i18n We are big fans of the awesome vue, vuex and vue-router libraries and were just looking for an easy to use internationalization plugin, empl

Departement of Clinical Research, University Hospital Basel 668 Oct 16, 2021
Translate your Vue.js applications with gettext.

vue-gettext Translate Vue.js applications with gettext. Live demo. Contribution Please make sure to read the Pull request guidelines before making a p

Polyconseil 268 Oct 9, 2021
VueJS plugin for translations

VueTranslate A VueJS (1.x, 2.0+) plugin for basic translations. What is this? Is a plugin to handle basic translations for your components, it adds a

Javis V. Pérez 82 Sep 23, 2021
Simple localization plugin for the amazing Vue.js.

V-Localize About V-Localize is a very simple localization plugin for Vue.js. Your localizations will be available anywhere in your web application wra

John W. Nolette 32 Jul 30, 2020
🔥️ Vue I18n Lite🌐 Lightweight, minimal internationalization plugin for Vue.js

?? Lightweight, minimal internationalization plugin for Vue.js

Front Labs 8 Sep 30, 2021
Advanced localization support for VueJS

VueJS TS Locale VueJS Plugin for advanced localization of web applications using typescript Links GitHub NPM Installation Should be installed locally

TWC Apps 35 Jun 20, 2021
basic translation plugin for VueJS 2+

basic translation plugin for VueJS 2+ Vue-Polyglot notes Vue-Polyglot doesn't get translation asynchronously in version 2+ This is not a plugin to int

Guillaume Vincent 44 May 27, 2021
:globe_with_meridians: Internationalization plugin for Vue.js

vue-i18n Internationalization plugin for Vue.js ?? Gold Sponsors ?? Silver Sponsors ?? Bronze Sponsors ⚠️ NOTICE This repository is for Vue I18n v8.x.

kazuya kawaguchi 6.4k Oct 15, 2021
Manage vue-i18n localization with static analysis

Analyse all the vue-i18n language files and placeholders of your project. ?? Table of Contents Installation Introduction How to use it? Contribution C

Raffaele Pizzari 165 Oct 15, 2021
Internationalization for vue using the i18next i18n ecosystem.

vue-i18next Internationalization for vue using the i18next i18n ecosystem. https://panter.github.io/vue-i18next/ Introduction 18next goes beyond just

Panter AG 175 Sep 7, 2021
VueJs translations very similar to Laravel Translation system

VueJs Translations Hello everybody! I'm glad to present you a library to support the translations in your Vue project. This translations component is

Maxim Markin 15 Mar 6, 2021
A small package for implementing translations in Vue.js

vue-i18n A small package for implementing translations in Vue.js. Instead of using a dot based key to fetch a translated string, it just uses the defa

Matt Radford 40 Mar 4, 2021
Add i18n to your awesome Vue 3 app 🔉

V-Intl ?? Intl in your dopeass Vue 3 apps ??‍?? Demo Usage In the docs ?? Background The package exposes 5 Intl components, viz., Formatter What it do

Vinayak Kulkarni 13 Oct 10, 2021
🎏 Helper directives for vue & vue-i18n

vue-i18n-directives ?? Helper directives for Vue.js & vue-i18n. Support Vue.js 2 ➡️ [email protected]>=2.0.0 [master] Vue.js 1 ➡️ vue-i18n-directiv

Nacho Anaya 14 Jan 23, 2019
A super simple editor for vue-18n by kazupon

A super simple editor for vue-18n by kazupon

null 15 Oct 8, 2021
Latin to Linear-b Translator

Latin To Linear B Translator Installation Clone the repository Install Node.js Install the Vue Cli Run npm install Run npm run serve License Latin To

MathFlare.xyz 2 Oct 10, 2021