37 lines
964 B
Vue
37 lines
964 B
Vue
<template>
|
|
<label v-if="label" class="w-full space-y-2">
|
|
<span class="text-sm font-bold uppercase tracking-[0.12em] text-[#8a7761]">{{ label }}</span>
|
|
<input
|
|
v-bind="$attrs"
|
|
class="h-12 w-full rounded-full border-0 bg-[#f6f1ea] px-5 text-[#2f2418] shadow-none outline-none placeholder:text-[#9b8d79]"
|
|
:value="modelValue"
|
|
@input="onInput"
|
|
/>
|
|
</label>
|
|
<input
|
|
v-else
|
|
v-bind="$attrs"
|
|
class="h-12 w-full rounded-full border-0 bg-[#f6f1ea] px-5 text-[#2f2418] shadow-none outline-none placeholder:text-[#9b8d79]"
|
|
:value="modelValue"
|
|
@input="onInput"
|
|
/>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps({
|
|
modelValue: {
|
|
type: [String, Number],
|
|
default: '',
|
|
},
|
|
label: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
})
|
|
|
|
const emit = defineEmits(['update:modelValue'])
|
|
const onInput = (event: Event) => {
|
|
emit('update:modelValue', (event.target as HTMLInputElement).value)
|
|
}
|
|
</script>
|