vue-lang-code-flags

Flags by language codes

Vue component which shows the flag of the country from which the language comes from

How to install

Get the package from NPM:

npm install vue-lang-code-flags --save
or
yarn add vue-lang-code-flags --save

How to use

Register LangFlag component in your app. You can use two approaches:

• in main.js you can mount it as a global Vue component:

import Vue from 'vue';
import LangFlag from 'vue-lang-code-flags';

Vue.component('lang-flag', LangFlag);

• in a specific component (e.g.: Component.vue):

import LangFlag from 'vue-lang-code-flags';

new Vue({
  components: {
    LangFlag,
  },
});

Then, after the proper mounting, in your template you can call it like this:

<lang-flag iso="en" />
<lang-flag iso="ja" squared="false" />
<lang-flag iso="zh" title="Some title" />

API

Mandatory properties

Optional properties

Available Flags

Here follows the list of the currently available flags. They are identified using the ISO 639-1 standard.

Contributing

Please follow the guidelines here.