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

docs: per input searching country doc is outdated (example does not work) #14

Closed warrence closed 1 year ago

warrence commented 1 year ago

hi, when i try to enable enable-searching-country, the country dropdown selection field is gone.


<VPhoneInput
                  v-model="phone"
                  default-country="MY"
                  country-icon-mode="text"
                  enable-searching-country
                />
paul-thebaud commented 1 year ago

Hi @warrence, could you please tell me the VPhoneInput / Vuetify / Vue versions you are using?

Did you fully read the enabling searching countries guide?

warrence commented 1 year ago

v-phone-input 3.0.5 Vuetify 3.2.1 vue 3.2.47

Yes i follow the guide in V3. Will that be an issue if im using typescript?

I have tried to use the a VAutocomplete plugin within the same page and it works, so i can assure that the VAutocomplete has been loaded properly,

warrence commented 1 year ago

just tested with an empty vuetify project without typescript, also having same problem.

warrence commented 1 year ago

I got it working now, im not sure why but even if im using per-input basis...importing VAutocomplete in the component file wont help.

What i do to make it work is add the code below into my main.js

import { VAutocomplete } from 'vuetify/lib/components/index.mjs'

app.component('VAutocomplete', VAutocomplete);
paul-thebaud commented 1 year ago

@warrence, my bad. The per input documentation for importing autocomplete input is outdated and won't work. Autocomplete input must be globally registered to work. I'll update the docs soon. Thanks for your investigation.

warrence commented 1 year ago

No worry at all man. Thanks for the prompt response and the great plugin! On 19 Oct 2023 at 3:18 PM +0800, Paul Thébaud @.***>, wrote:

@warrence, my bad. The per input documentation for importing autocomplete input is outdated and won't work. Autocomplete input must be globally registered to work. I'll update the docs soon. Thanks for your investigation. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

paul-thebaud commented 1 year ago

Hi @warrence, I updated the readme section about enabling searching country. Thanks again for your report.