fix: emits for FormSelect and PhoneInput component (#10226)

This commit is contained in:
Shivam Mishra
2024-10-04 15:09:42 +05:30
committed by GitHub
parent 83100b8f60
commit bd88bfb0fe
3 changed files with 14 additions and 17 deletions

View File

@@ -29,7 +29,7 @@ export default {
type: String,
required: true,
},
value: {
modelValue: {
type: String,
default: '',
},
@@ -42,10 +42,10 @@ export default {
default: '',
},
},
emits: ['input'],
emits: ['update:modelValue'],
methods: {
onInput(e) {
this.$emit('input', e.target.value);
this.$emit('update:modelValue', e.target.value);
},
},
};
@@ -61,11 +61,11 @@ export default {
>
<select
:id="id"
:selected="value"
:selected="modelValue"
:name="name"
:class="{
'text-ash-400': !value,
'text-ash-900': value,
'text-ash-400': !modelValue,
'text-ash-900': modelValue,
'pl-9': icon,
}"
class="block w-full px-3 py-2 pr-6 mb-0 border-0 shadow-sm outline-none appearance-none rounded-xl select-caret ring-ash-200 ring-1 ring-inset placeholder:text-ash-900 focus:ring-2 focus:ring-inset focus:ring-primary-500 sm:text-sm sm:leading-6"