{"library":"vue-flag-icon","type":"library","category":null,"description":"vue-flag-icon is a Vue 2 component designed to display country flags within Vue applications, leveraging the popular `flag-icon-css` library. It provides a simple `<flag>` component that accepts an `iso` prop for the two-letter ISO country code, automatically rendering the corresponding flag. Additional props like `squared` (to toggle between rectangular and square aspect ratios, `true` by default) and `title` (for accessibility and hover text) are supported. The package is currently at version 2.1.0, primarily targeting Vue 2. Due to its dependency on Vue 2's API (`Vue.use()` for global registration), it is generally considered to be in maintenance mode, with no active development for Vue 3 compatibility. It distinguishes itself by offering a straightforward wrapper for `flag-icon-css`, simplifying flag integration for Vue 2 projects without requiring direct CSS manipulation for each flag.","language":"javascript","status":"maintenance","version":"2.1.0","tags":["javascript","vue","vue-component","languages","flag","iso","flag-icon-css"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-flag-icon","imports":["import FlagIcon from 'vue-flag-icon';\nVue.use(FlagIcon);","<template>\n  <flag iso=\"us\" />\n</template>"]},{"cmd":"yarn add vue-flag-icon","imports":[]},{"cmd":"pnpm add vue-flag-icon","imports":[]}],"homepage":null,"github":"https://github.com/vikkio88/vue-flag-icon","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-flag-icon","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-flag-icon/compatibility"}}