Sha256: 87eb0ea24ac6d69318679132dd5ca61e070ff1ac61b85dbfcd2585b8c7805225

Contents?: true

Size: 611 Bytes

Versions: 14

Compression:

Stored size: 611 Bytes

Contents

<script setup lang="ts">
import { onMounted, ref } from 'vue'

const model = defineModel<string>({ required: true })

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"
    v-model="model"
    ref="input"
  />
</template>

Version data entries

14 entries across 14 versions & 1 rubygems

Version Path
kaze-0.19.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.18.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.17.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.16.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.15.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.14.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.13.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.12.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.11.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.10.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.9.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.8.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.7.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue
kaze-0.6.0 stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue