Vuetify phone field

Vuetify telephone field

Install

npm install @ibkhall/v-phone-field

Usage

<script setup>
import VPhoneField from '@ibkhall/v-phone-field'
import {ref} from 'vue'

const phone = ref('')
</script>
<template>
<!-- some codes -->

<VPhoneField v-model="phone"/>
<!-- some codes -->
</template>

Props

All VTextField props and following props

| Name | Default | Description | |-------------------|----------------------------------------------|--------------------------------------------| | default-country | the country fetched from IP address of user | The country iso2 code(ex: ne for Niger) | | invalid-message | Invalid phone number | Error message to display when invalid |

Events

All VTextField events and @validate

| Name | Description | |-------------|----------------------------------------------------| | @validate | On phone number is valid |

License

The MIT License.

Author