Vue component which shows the flag of the country

vue-lang-code-flags

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
or
yarn add vue-lang-code-flags


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.