npmpackage.info

Gathering detailed insights and metrics for vue-country-code

Other packages similar to vue-country-code

vue-country-code-select

1.6.7

Country Code Select with Vue

vue-country-intl

1.1.10

A vue-based mobile phone area code selection, nationality selection component（一个基于vue的手机区号选择、国籍选择组件）

vue-country-code-selector

1.0.7

这是一个结合vue框架的国际区号选择器，可以点击选择某一国家或地区的区号进行选择

vue-phone-country-code

1.1.17

A phone number input made with Vue JS && libphonenumber-js

Gathering detailed insights and metrics for vue-country-code

vue-country-code - 1.1.3 | npmpackage.info

vue-country-code

Vue2 Country Code Select

1.1.3

MIT

CSS

206.92 kB

452,997 2

Installations

npm install vue-country-code

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

16.13.2

NPM Version

8.1.2 Pull Requests

Open

11

Total

29

Closed

2

Merged

16

Issues

Open

6

Total

9

Closed

3

Releases

Unable to fetch releases

Languages

CSS

JavaScript

Vue

HTML

CSS (81.05%)

JavaScript (9.7%)

Vue (8.83%)

HTML (0.41%)

Developer

hantrongbinh

Download Statistics

Total Downloads

452,997

Last Day

362

Last Week

2,757

Last Month

12,332

Last Year

147,469

GitHub Statistics

MIT License

23 Stars

52 Commits

16 Forks

1 Watchers

13 Branches

3 Contributors

Updated on May 28, 2025

Maintainers

View All 3 Contributors

Package Meta Information

Latest Version

1.1.3

Package Id

vue-country-code@1.1.3

Unpacked Size

206.92 kB

Size

100.23 kB

File Count

NPM Version

8.1.2

Node Version

16.13.2

Total Downloads

Cumulative downloads

Total Downloads

452,997

Last Day

-32.8%

362

Compared to previous day

Last Week

-7.5%

2,757

Compared to previous week

Last Month

-10.1%

12,332

Compared to previous month

Last Year

21.5%

147,469

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

vue-country-code

Country Code Select with Vue.

Checkout Demo at Github pages.

Installation

yarn:
```
1  yarn add vue-country-code
```
npm:
```
1  npm i --save vue-country-code
```

Usage

Install as a global component:

1import Vue from "vue";
2import VueCountryCode from "vue-country-code";
3
4Vue.use(VueCountryCode);

In your component:

1<template>
2...
3   <vue-country-code
4                  @onSelect="onSelect"
5                  <!-- optional -->
6                  :preferredCountries="['vn', 'us', 'gb']">
7   </vue-country-code>
8...
9<template>
10<script>
11export default {
12  data() {
13    return {
14    };
15  },
16  methods: {
17     onSelect({name, iso2, dialCode}) {
18       console.log(name, iso2, dialCode);
19     },
20  },
21}
22</script>

Manual Trigger:

1<template>
2...
3 <vue-country-code
4                ref="vcc"
5                @onSelect="onSelect"
6 </vue-country-code>
7 <button @click="manualTrigger">Manual Trigger</button>
8...
9<template>
10<script>
11export default {
12data() {
13  return {
14  };
15},
16methods: {
17   onSelect({name, iso2, dialCode}) {
18     console.log(name, iso2, dialCode);
19   },
20   manualTrigger() {
21     this.$refs.vcc.manualDropdown();
22   }
23},
24}
25</script>

Props

Property value	Type	Default value	Description
`defaultCountry`	`string`	`''`	Default country, will override the country fetched from IP address of user
`disabledFetchingCountry`	`Boolean`	false	Disable fetching current country based on IP address of user
`enabledCountryCode`	`Boolean`	`false`	Enable country code in the input
`enabledFlags`	`Boolean`	`true`	Enable flags in the input
`preferredCountries`	`Array`	`[]`	Preferred countries list, will be on top of the dropdown. ie `['AU', 'BR']`
`onlyCountries`	`Array`	`[]`	List of countries will be shown on the dropdown. ie `['AU', 'BR']`
`ignoredCountries`	`Array`	`[]`	List of countries will NOT be shown on the dropdown. ie `['AU', 'BR']`
`dropdownOptions`	`Object`	`{ disabledDialCode: false }`	Options for dropdown, supporting `disabledDialCode`

Events

Property value	Arguments	Description
`onSelect`	`Object`	Fires when the input changes with the argument is the object includes `{ name, iso2, dialCode }`

Highlights & Credits

Forked from EducationLink/vue-tel-input.
Vue app created by vue-cli.
Telephone Number parsing, validation by libphonenumber-js.
Country Codes data from intl-tel-input.
Country Flags by behdad/region-flags.
User's Location by get-json and ipifo.io

Demo Usage

1
2# install dependencies
3$ yarn/npm install
4
5# compile demo and start serve for development
6$ yarn/npm dev
7
8# build
9$ yarn/npm build
10

Made by Mon.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

84 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
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-vjh7-7g9h-fjfh
Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-4www-5p9h-95mh
Warn: Project is vulnerable to: GHSA-9gqv-wp59-fq42
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
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-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-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-76c9-3jph-rj3q
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
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-p493-635q-r6gr
Warn: Project is vulnerable to: GHSA-3965-hpx2-q597
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx
Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q

Score

2

/10

Last Scanned on 2025-07-14

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

Other packages similar to vue-country-code

Other packages similar to vue-country-code

vue-country-code

Installations

Developer Guide

No

CommonJS

16.13.2

8.1.2

Pull Requests

11

29

2

16

Issues

6

9

3

Releases

Unable to fetch releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

452,997

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

vue-country-code

Installation

Usage

Props

Events

Highlights & Credits

Demo Usage

10

10

2

0

0

0

0

0

0

0

2

/10