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>