vue-tel-input icon indicating copy to clipboard operation
vue-tel-input copied to clipboard

alternative to ip2c.org for ip lookup?

Open spormeon opened this issue 1 year ago • 7 comments

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?

spormeon avatar Jul 12 '22 21:07 spormeon

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 image

F-y-o-d-o-r avatar Aug 05 '22 07:08 F-y-o-d-o-r

https://www.npmjs.com/package/vue3-tel-input-js

mrnasil avatar Dec 07 '22 13:12 mrnasil

@mrnasil how does this vue3 version work then, I have installed it, just chnaged the refs to vue3 and its dont work?

spormeon avatar Dec 07 '22 15:12 spormeon

@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 avatar Dec 07 '22 15:12 mrnasil

@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' } },

spormeon avatar Dec 07 '22 15:12 spormeon

@mrnasil any info here as to why these settings dont work with the Vue3 version?

spormeon avatar Dec 13 '22 16:12 spormeon

"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" >

`

mrnasil avatar Dec 13 '22 16:12 mrnasil