stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue in kaze-0.5.0 vs stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue in kaze-0.6.0

- old
+ new

@@ -1,23 +1,23 @@ <script setup lang="ts"> -import { onMounted, ref } from 'vue'; +import { onMounted, ref } from 'vue' -const model = defineModel<string>({ required: true }); +const model = defineModel<string>({ required: true }) -const input = ref<HTMLInputElement | null>(null); +const input = ref<HTMLInputElement | null>(null) onMounted(() => { - if (input.value?.hasAttribute('autofocus')) { - input.value?.focus(); - } -}); + if (input.value?.hasAttribute('autofocus')) { + input.value?.focus() + } +}) -defineExpose({ focus: () => 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" - v-model="model" - ref="input" - /> + <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" + v-model="model" + ref="input" + /> </template>