Jaroslav Drzik
148a010f4d
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 12s
37 lines
1.2 KiB
Vue
37 lines
1.2 KiB
Vue
<script setup>
|
|
import { onMounted, ref } from 'vue';
|
|
|
|
defineProps({
|
|
modelValue: String,
|
|
});
|
|
|
|
defineEmits(['update:modelValue']);
|
|
|
|
const input = ref(null);
|
|
|
|
// onMounted(() => {
|
|
// if (input.value.hasAttribute('autofocus')) {
|
|
// input.value.focus();
|
|
// }
|
|
// });
|
|
|
|
defineExpose({ focus: () => input.value.focus() });
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex items-center max-w-md mx-auto bg-white rounded-md">
|
|
<div class="w-full">
|
|
<input type="search" class="border-0 w-full px-4 py-1 text-gray-800 rounded-full focus:outline-none focus:ring-0"
|
|
placeholder="search" x-model="search">
|
|
</div>
|
|
<div>
|
|
<button type="submit" class="flex items-center bg-blue-500 justify-center w-12 h-12 text-white rounded-r-md">
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template> |