[WIP] initialize search bar

This commit is contained in:
2025-07-21 00:53:26 +02:00
parent 189a26e0e8
commit a2b8e0e6ae
3 changed files with 49 additions and 15 deletions

View File

@@ -0,0 +1,31 @@
<script setup lang="ts">
const emits = defineEmits<{
search: [search: string];
}>();
let searchTimer = 0;
let searchString: string;
const onInput = function (event: InputEvent) {
const target = event.target as HTMLInputElement;
const value = target.value;
searchString = value;
if (0 === searchTimer) {
window.clearTimeout(searchTimer);
searchTimer = 0;
}
searchTimer = window.setTimeout(() => {
if (value === searchString) {
emits("search", value);
}
}, 500);
};
</script>
<template>
<input type="search" @input="onInput" />
</template>
<style scoped lang="scss"></style>