search

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

question: hideDetails attribute #34

Closed louis49 closed 5 months ago

louis49 commented 5 months ago

Can we rename the hideDetails attribute to hide-details to conform to what Vuetify practices?

Expected Behavior

<v-phone-input v-model="phone" v-model:country="country" class="phone-input-layout" :label="$t('signup_phone_number_hint')" :country-label="$t('signup_country_hint')" :guessCountry="true" hide-details>

=> This not hide details

Actual Behavior

<v-phone-input v-model="phone" v-model:country="country" class="phone-input-layout" :label="$t('signup_phone_number_hint')" :country-label="$t('signup_country_hint')" :guessCountry="true" hideDetails> => This hide details

paul-thebaud commented 5 months ago

In Vue, props are defined camel case in components (hideDetails) and can be passed camel or kebab case (hide-details). So this is already supported.