[email protected]: The project has been renamed to flag-icons

Flags by language codes

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

Get the package from NPM:

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

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

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

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

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" />

Mandatory properties

Property	Description	Type	Value
iso	ISO 639-1 identifier of the language	`String`	one of the values defined here

Optional properties

Property	Description	Type	Default
squared	Squared flag	`Boolean`	`true`
title	Title	`String`	`null`

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

Please follow the guidelines here.