9 lines
655 B
Vue
9 lines
655 B
Vue
<script setup lang="ts">
|
|
const emit = defineEmits(['input', 'change', 'focus', 'blur']);
|
|
const model = defineModel();
|
|
</script>
|
|
|
|
<template>
|
|
<input v-model="model" v-bind="$attrs" @input="e => emit('input', e)" @change="e => emit('change', e)" @focus="e => emit('focus', e)" @blur="e => emit('blur', e)"
|
|
class="caret-light-50 dark:caret-dark-50 text-light-100 dark:text-dark-100 placeholder:text-light-50 dark:placeholder:text-dark-50 bg-light-20 dark:bg-dark-20 appearance-none outline-none px-3 py-1 focus:shadow-raw transition-[box-shadow] focus:shadow-light-40 dark:focus:shadow-dark-40 border border-light-35 dark:border-dark-35"/>
|
|
</template> |