This package has been deprecated

Author message:

DEPRECATED: This package has moved to vue-flagpack. Please install vue-flagpack instead using npm install vue-flagpack --save

Vue Flag Pack

A project made by Yummygum

Installation

npm install vue-flag-pack

Use

Use as a plugin

import Vue from 'vue'
import Flag from 'vue-flag-pack'
Vue.use(Flag, {
  name: 'Flag'
})

Use in your template:

<template>
  <vue-flag-pack code="NL" />
</template>

Or import straight away

import { Flag } from 'vue-flag-pack'
 
Vue.component('flag-nl', {
  components: {
    Flag
  },
  template: `
    <Flag code="NL" />
  `
})

Or use via UNPKG network

<script src="https://unpkg.com/vue-flag-pack@0.2.1/dist/vue-flag-rollup.iife.js"></script>
<script>
const instance = new Vue({
  el: '#app',
  components: {
    'Flag': Flag.Flag
  },
})
 
// or
instance.use(Flag)
</script> 

Available plugin options

key	value	required	default
name	String	false	vue-flag-pack

Available component options

key	value	required	default	format
code	String	true	none	see all codes
size	String	false	l	's', 'm' or 'l'
className	String	false	-	-
dropshadow	boolean	false	false	-
hasBorder	boolean	false	true	-
hasBorderRadius	boolean	false	true	-
customBorderRadius	String	false	-	-
gradient	String	false	''	'top-down', 'real-linear' or 'real-circular'

Build Dist

# install dependencies 
npm install
 
# build for prod 
npm run build