vue-tel-input
vue-tel-input copied to clipboard
alternative to ip2c.org for ip lookup?
Hi
I believe that ip2c.org is being used to resolve ip to country, I'm seeing this take up to 20secs to resolve quite alot of the time, is there any alternative that could be concidered to speed things up?
more than 8 seconds and all this time It cant validate if I will chose a country myself
upd
it doesn't work at all now
https://www.npmjs.com/package/vue3-tel-input-js
@mrnasil how does this vue3 version work then, I have installed it, just chnaged the refs to vue3 and its dont work?
@mrnasil how does this vue3 version work then, I have installed it, just chnaged the refs to vue3 and its dont work?
v-model="phone"
:value="inputValue" @blur="handleBlur" @input="handleChange" @validate="validate"
@mrnasil this works with vue-tel-input, if i chnage to vue3-tel-input, it dont work? import { defineComponent } from 'vue' import { Auth } from '@aws-amplify/auth' import { API } from '@aws-amplify/api' import { updatePrebidDbUsers, createPrebidDbSites, deletePrebidDbSites } from '@/graphql/mutations' import { BasisTheory } from '@basis-theory/basis-theory-js' import { VueTelInput } from 'vue-tel-input' import 'vue-tel-input/dist/vue-tel-input.css' import '@left4code/tw-starter/dist/js/tab' // import axios from 'axios'
export default defineComponent({ components: { VueTelInput }, data() { return { bindProps: { mode: 'international', defaultCountry: 'US', disabledFetchingCountry: true, disabled: false, // disabledFormatting: true, placeholder: 'Enter a phone number', dynamicPlaceholder: true, // required: false, enabledCountryCode: false, enabledFlags: true, // preferredCountries: ['AU', 'BR'], // onlyCountries: [], // ignoredCountries: [], // autocomplete: 'on', // name: 'telephone', maxLen: 25, // wrapperClasses: '', // inputClasses: '', // dropdownOptions: { // disabledDialCode: true // } inputOptions: { showDialCode: true, placeholder: 'Enter a phone number' } },
@mrnasil any info here as to why these settings dont work with the Vue3 version?
"vue3-tel-input-js": "^1.0.0",
I haven't had time to update the documentation.
` import { VueTelInput } from 'vue3-tel-input-js' import 'vue3-tel-input-js/dist/vue3-tel-input-js.css' const phone = toRef(props, 'phone')
<vue-tel-input v-model="phone" :disabled="disable" enabled-country-code="true" mode="international" :name="name" style-classes="telinput" :type="type" :v-bind="options" :value="inputValue" @blur="handleBlur" @input="handleChange" @validate="validate" >
`