this repo has no description
♻️ (production flow) use of defineModel
+4
-11
+3
-10
src/components/design-system/form/FormInput.vue
+3
-10
src/components/design-system/form/FormInput.vue
···
2
2
defineProps<{
3
3
id: string
4
4
label: string
5
-
modelValue: string
6
5
}>()
7
-
defineEmits<{
8
-
(event: "update:modelValue", value: string): void
9
-
}>()
6
+
7
+
const modelValue = defineModel<string>()
10
8
</script>
11
9
12
10
<template>
13
11
<div class="form-input">
14
12
<label :for="id">{{ label }}</label>
15
-
<input
16
-
type="text"
17
-
id="id"
18
-
:value="modelValue"
19
-
@input="$emit('update:modelValue', $event.target?.value ?? '')"
20
-
/>
13
+
<input type="text" id="id" v-model="modelValue" />
21
14
</div>
22
15
</template>
23
16