mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-06-06 20:37:32 +00:00
Gregor Vostrak
27140d4ffc
* add linter, prettier and typescript support for jetstream * add github actions for lint, build and typecheck * add composer install to build action * fix composer lock * add ext-intl and fixed php version * fix intl php extension install * add tip php extension to github npm build action * fix php version to 8.3.1 * change github php base action * fix primary button default type * updated typescript types from Team to Organization --------- Co-authored-by: Gregor Vostrak <gregorvostrak@Gregors-MacBook-Pro.local>
34 lines
861 B
Vue
34 lines
861 B
Vue
<script setup lang="ts">
|
|
import { onMounted, ref } from 'vue';
|
|
|
|
defineProps({
|
|
modelValue: String,
|
|
});
|
|
|
|
const input = ref<HTMLInputElement | null>(null);
|
|
|
|
onMounted(() => {
|
|
if (input.value?.hasAttribute('autofocus')) {
|
|
input.value?.focus();
|
|
}
|
|
});
|
|
|
|
defineExpose({ focus: () => input.value?.focus() });
|
|
|
|
const emit = defineEmits(['update:modelValue']);
|
|
|
|
function updateValue(event: Event) {
|
|
if (event.target && 'value' in event.target) {
|
|
emit('update:modelValue', event?.target?.value);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<input
|
|
ref="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="updateValue" />
|
|
</template>
|