Using onlyCountries prop

paul-thebaud / v-phone-input

International and accessible phone input for Vuetify 3 and Vue 3.

https://paul-thebaud.github.io/v-phone-input/

MIT License

65 stars 6 forks source link

Using onlyCountries prop #7

Closed iampapagray closed 1 year ago

iampapagray commented 1 year ago

Expected Behavior

From the docs, onlyCountries take an array of CountryIso2 (eg. GH). and this prod will be the only countries displayed

Actual Behavior

After i add this prop and array, the component is no longer shown.

Specifications

OS: MacOs
Browser: Firefox Developer Edition
Package version: ^3.0.0-alpha.5
Vuetify version: 3.0.3

Can you provide an example on how to use this flag ?

paul-thebaud commented 1 year ago

Hello @iampapagray, Looks like you were browsing the v2 documentation. The v3 documentation is on the next branch. According to the changelog, the onlyCountries property has been renamed to includeCountries.

You should use it as following:

<template>
  <v-phone-input :include-countries="['FR', 'US']" />
</template>