D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
dateitor
/
www
/
vendor
/
laravel
/
breeze
/
stubs
/
inertia-vue-ts
/
resources
/
js
/
Components
/
Filename :
TextInput.vue
back
Copy
<script setup lang="ts"> import { onMounted, ref } from 'vue'; defineProps<{ modelValue: string; }>(); defineEmits(['update:modelValue']); const input = ref<HTMLInputElement | null>(null); onMounted(() => { if (input.value?.hasAttribute('autofocus')) { input.value?.focus(); } }); defineExpose({ focus: () => input.value?.focus() }); </script> <template> <input class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm" :value="modelValue" @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)" ref="input" /> </template>