Gathering detailed insights and metrics for vue-country-flag-next
Gathering detailed insights and metrics for vue-country-flag-next
Installations
npm install vue-country-flag-nextDeveloper
P3trur0
Developer Guide
BETA
Module System
CommonJS, UMD
Min. Node Version
>=10
Typescript Support
No
Node Version
14.17.6
NPM Version
6.14.15
Statistics
169 Stars
132 Commits
38 Forks
3 Watching
14 Branches
7 Contributors
Updated on 13 Oct 2024
Languages
JavaScript (82.55%)
Vue (16.55%)
TypeScript (0.9%)
Total Downloads
Cumulative downloads
Total Downloads
1,715,477
Last day
1.1%
5,042
Compared to previous day
Last week
13.1%
27,923
Compared to previous week
Last month
16.5%
109,676
Compared to previous month
Last year
152.8%
1,083,394
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
1
Dev Dependencies
19
@babel/core@babel/preset-env@rollup/plugin-alias@rollup/plugin-babel@rollup/plugin-commonjs@rollup/plugin-node-resolve@rollup/plugin-replace@vue/cli-plugin-babel@vue/cli-service@vue/compiler-sfccross-envminimistrolluprollup-plugin-postcssrollup-plugin-terserrollup-plugin-vuetypescriptvuevue-template-compiler
Versions
vue-country-flag
Country flags as a Vue Component
Vue 3 support
Since version 2.0.3, this component supports both Vue2 and Vue3 support.
In order to use it with Vue 3, please install the vue-country-flag-next package as follows:
1npm install vue-country-flag-next
Vue 2 support
How to install
Get the package from NPM:
1npm install vue-country-flag
How to use the component
Register CountryFlag component in your app. You can use two approaches:
- in
main.jsyou can mount it as a global Vue component:
1 2import Vue from 'vue' 3import CountryFlag from 'vue-country-flag' 4 5Vue.component('country-flag', CountryFlag) 6
- in a specific component (e.g.:
Component.vue):
1import CountryFlag from 'vue-country-flag' 2 3new Vue({ 4 components: { 5 CountryFlag 6 } 7})
Then, after the proper mounting, in your template you can call it like this:
1 <country-flag country='it' size='big'/> 2 <country-flag country='hr' size='normal'/> 3 <country-flag country='fr' size='small'/> 4 <country-flag country='rus'/>
API
Mandatory properties
| Property | Description | Type | Value |
|---|---|---|---|
| country | ISO 3166-1 identifier of the country | String | one of the values defined here or in the extra flags |
Optional properties
| Property | Description | Type | Value |
|---|---|---|---|
| size | Flag size | String | small, normal, big |
| rounded | Flag with rounded borders | Boolean | false by default |
| shadow | Flag with box shadow around | Boolean | false by default |
| background | Path where you can upload possible custom flag images | String | by default it uses the flags bundled in the component |
by default, the flag is displayed at normal size.
Available Flags
The flags are identified using the ISO 3166-1 standard.
This component currently supports both alpha-2 and alpha-3 alternatives.
| Country Name | alpha-2 | alpha-3 |
|---|---|---|
| Afghanistan | af | afg |
| Ã…land Islands | ax | ala |
| Albania | al | alb |
| Algeria | dz | dza |
| American Samoa | as | asm |
| Andorra | ad | and |
| Angola | ao | ago |
| Anguilla | ai | aia |
| Antarctica | aq | ata |
| Antigua and Barbuda | ag | atg |
| Argentina | ar | arg |
| Armenia | am | arm |
| Aruba | aw | abw |
| Australia | au | aus |
| Austria | at | aut |
| Azerbaijan | az | aze |
| Bahamas | bs | bhs |
| Bahrain | bh | bhr |
| Bangladesh | bd | bgd |
| Barbados | bb | brb |
| Belarus | by | blr |
| Belgium | be | bel |
| Belize | bz | blz |
| Benin | bj | ben |
| Bermuda | bm | bmu |
| Bhutan | bt | btn |
| Bolivia (Plurinational State of) | bo | bol |
| Bonaire, Sint Eustatius and Saba | bq | bes |
| Bosnia and Herzegovina | ba | bih |
| Botswana | bw | bwa |
| Bouvet Island | bv | bvt |
| Brazil | br | bra |
| Virgin Islands (British) | vg | vgb |
| British Indian Ocean Territory | io | iot |
| Brunei Darussalam | bn | brn |
| Bulgaria | bg | bgr |
| Burkina Faso | bf | bfa |
| Burundi | bi | bdi |
| Cambodia | kh | khm |
| Cameroon | cm | cmr |
| Canada | ca | can |
| Cabo Verde | cv | cpv |
| Cayman Islands | ky | cym |
| Central African Republic | cf | caf |
| Chad | td | tcd |
| Chile | cl | chl |
| China | cn | chn |
| Hong Kong | hk | hkg |
| Macao | mo | mac |
| Christmas Island | cx | cxr |
| Cocos (Keeling) Islands | cc | cck |
| Colombia | co | col |
| Comoros | km | com |
| Congo | cg | cog |
| Congo, Democratic Republic of the | cd | cod |
| Cook Islands | ck | cok |
| Costa Rica | cr | cri |
| Côte d'Ivoire | ci | civ |
| Croatia | hr | hrv |
| Cuba | cu | cub |
| Curaçao | cw | cuw |
| Cyprus | cy | cyp |
| Czechia | cz | cze |
| Denmark | dk | dnk |
| Djibouti | dj | dji |
| Dominica | dm | dma |
| Dominican Republic | do | dom |
| Ecuador | ec | ecu |
| Egypt | eg | egy |
| El Salvador | sv | slv |
| Equatorial Guinea | gq | gnq |
| Eritrea | er | eri |
| Estonia | ee | est |
| Ethiopia | et | eth |
| Falkland Islands (Malvinas) | fk | flk |
| Faroe Islands | fo | fro |
| Fiji | fj | fji |
| Finland | fi | fin |
| France | fr | fra |
| French Guiana | gf | guf |
| French Polynesia | pf | pyf |
| French Southern Territories | tf | atf |
| Gabon | ga | gab |
| Gambia | gm | gmb |
| Georgia | ge | geo |
| Germany | de | deu |
| Ghana | gh | gha |
| Gibraltar | gi | gib |
| Greece | gr | grc |
| Greenland | gl | grl |
| Grenada | gd | grd |
| Guadeloupe | gp | glp |
| Guam | gu | gum |
| Guatemala | gt | gtm |
| Guernsey | gg | ggy |
| Guinea | gn | gin |
| Guinea-Bissau | gw | gnb |
| Guyana | gy | guy |
| Haiti | ht | hti |
| Heard Island and McDonald Islands | hm | hmd |
| Holy See | va | vat |
| Honduras | hn | hnd |
| Hungary | hu | hun |
| Iceland | is | isl |
| India | in | ind |
| Indonesia | id | idn |
| Iran (Islamic Republic of) | ir | irn |
| Iraq | iq | irq |
| Ireland | ie | irl |
| Isle of Man | im | imn |
| Israel | il | isr |
| Italy | it | ita |
| Jamaica | jm | jam |
| Japan | jp | jpn |
| Jersey | je | jey |
| Jordan | jo | jor |
| Kazakhstan | kz | kaz |
| Kenya | ke | ken |
| Kiribati | ki | kir |
| Korea (Democratic People's Republic of) | kp | prk |
| Korea, Republic of | kr | kor |
| Kuwait | kw | kwt |
| Kyrgyzstan | kg | kgz |
| Lao People's Democratic Republic | la | lao |
| Latvia | lv | lva |
| Lebanon | lb | lbn |
| Lesotho | ls | lso |
| Liberia | lr | lbr |
| Libya | ly | lby |
| Liechtenstein | li | lie |
| Lithuania | lt | ltu |
| Luxembourg | lu | lux |
| North Macedonia | mk | mkd |
| Madagascar | mg | mdg |
| Malawi | mw | mwi |
| Malaysia | my | mys |
| Maldives | mv | mdv |
| Mali | ml | mli |
| Malta | mt | mlt |
| Marshall Islands | mh | mhl |
| Martinique | mq | mtq |
| Mauritania | mr | mrt |
| Mauritius | mu | mus |
| Mayotte | yt | myt |
| Mexico | mx | mex |
| Micronesia (Federated States of) | fm | fsm |
| Moldova, Republic of | md | mda |
| Monaco | mc | mco |
| Mongolia | mn | mng |
| Montenegro | me | mne |
| Montserrat | ms | msr |
| Morocco | ma | mar |
| Mozambique | mz | moz |
| Myanmar | mm | mmr |
| Namibia | na | nam |
| Nauru | nr | nru |
| Nepal | np | npl |
| Netherlands | nl | nld |
| New Caledonia | nc | ncl |
| New Zealand | nz | nzl |
| Nicaragua | ni | nic |
| Niger | ne | ner |
| Nigeria | ng | nga |
| Niue | nu | niu |
| Norfolk Island | nf | nfk |
| Northern Mariana Islands | mp | mnp |
| Norway | no | nor |
| Oman | om | omn |
| Pakistan | pk | pak |
| Palau | pw | plw |
| Palestine, State of | ps | pse |
| Panama | pa | pan |
| Papua New Guinea | pg | png |
| Paraguay | py | pry |
| Peru | pe | per |
| Philippines | ph | phl |
| Pitcairn | pn | pcn |
| Poland | pl | pol |
| Portugal | pt | prt |
| Puerto Rico | pr | pri |
| Qatar | qa | qat |
| Réunion | re | reu |
| Romania | ro | rou |
| Russian Federation | ru | rus |
| Rwanda | rw | rwa |
| Saint Barthélemy | bl | blm |
| Saint Helena, Ascension and Tristan da Cunha | sh | shn |
| Saint Kitts and Nevis | kn | kna |
| Saint Lucia | lc | lca |
| Saint Martin (French part) | mf | maf |
| Saint Pierre and Miquelon | pm | spm |
| Saint Vincent and the Grenadines | vc | vct |
| Samoa | ws | wsm |
| San Marino | sm | smr |
| Sao Tome and Principe | st | stp |
| Saudi Arabia | sa | sau |
| Senegal | sn | sen |
| Serbia | rs | srb |
| Seychelles | sc | syc |
| Sierra Leone | sl | sle |
| Singapore | sg | sgp |
| Sint Maarten (Dutch part) | sx | sxm |
| Slovakia | sk | svk |
| Slovenia | si | svn |
| Solomon Islands | sb | slb |
| Somalia | so | som |
| South Africa | za | zaf |
| South Georgia and the South Sandwich Islands | gs | sgs |
| South Sudan | ss | ssd |
| Soviet Union | su | sun |
| Spain | es | esp |
| Sri Lanka | lk | lka |
| Sudan | sd | sdn |
| Suriname | sr | sur |
| Svalbard and Jan Mayen | sj | sjm |
| Eswatini | sz | swz |
| Sweden | se | swe |
| Switzerland | ch | che |
| Syrian Arab Republic | sy | syr |
| Taiwan, Province of China | tw | twn |
| Tajikistan | tj | tjk |
| Tanzania, United Republic of | tz | tza |
| Thailand | th | tha |
| Timor-Leste | tl | tls |
| Togo | tg | tgo |
| Tokelau | tk | tkl |
| Tonga | to | ton |
| Trinidad and Tobago | tt | tto |
| Tunisia | tn | tun |
| Turkey | tr | tur |
| Turkmenistan | tm | tkm |
| Turks and Caicos Islands | tc | tca |
| Tuvalu | tv | tuv |
| Uganda | ug | uga |
| Ukraine | ua | ukr |
| United Arab Emirates | ae | are |
| United Kingdom of Great Britain and Northern Ireland | gb | gbr |
| United States of America | us | usa |
| United States Minor Outlying Islands | um | umi |
| Uruguay | uy | ury |
| Uzbekistan | uz | uzb |
| Vanuatu | vu | vut |
| Venezuela (Bolivarian Republic of) | ve | ven |
| Viet Nam | vn | vnm |
| Virgin Islands (U.S.) | vi | vir |
| Wallis and Futuna | wf | wlf |
| Western Sahara | eh | esh |
| Yemen | ye | yem |
| Zambia | zm | zmb |
| Zimbabwe | zw | zwe |
Extra flags
| Country Name | Flag Code |
|---|---|
| Catalonia | es-ca |
| England | gb-eng |
| Europe | eu |
| Galles | gb-wls |
| Kosovo | xk |
| Scotland | gb-sct |
| United Nations | un |
Credits
The flags used for this Vue components are provided by Flag Icons CSS.
Contributing
Please follow the guidelines here.
Building the packages
During development of the project, you might want to build the packages. This project uses Lerna to manage the two packages.
To build either or both packages, you first need to bootstrap Lerna. From the project root, run:
$ npm run bootstrap
After Lerna has been bootstrapped, you can use the build and build:next scripts defined in package.json:
$ npm run build
$ npm run build:next
See package.json for a full overview of the different build targets.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
Found 2/4 approved changesets -- score normalized to 5
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 30 are checked with a SAST tool
Reason
76 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-3j8f-xvm3-ffx4
- Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653
- Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj
- Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67
- Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w
- Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2
- Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
- Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
- Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
- Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
- Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
- Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
- Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
- Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
- Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
- Warn: Project is vulnerable to: GHSA-p493-635q-r6gr
- Warn: Project is vulnerable to: GHSA-3965-hpx2-q597
- Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
Score
2.4
/10
Last Scanned on 2024-11-25
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More