debounce a bunch of MkInput

these are all the places I could find that (directly or indirectly)
perform API calls when the input is changed; telling the component to
"debounce" means that the API will be called at most once per second
This commit is contained in:
dakkar 2025-02-26 11:55:52 +00:00
parent e10e9ba071
commit 71d842421d
4 changed files with 7 additions and 7 deletions

View file

@ -34,11 +34,11 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkSelect>
</div>
<div :class="$style.inputs">
<MkInput v-model="searchUsername" style="flex: 1;" type="text" :spellcheck="false">
<MkInput v-model="searchUsername" style="flex: 1;" type="text" :spellcheck="false" debounce>
<template #prefix>@</template>
<template #label>{{ i18n.ts.username }}</template>
</MkInput>
<MkInput v-model="searchHost" style="flex: 1;" type="text" :spellcheck="false" :disabled="pagination.params.origin === 'local'">
<MkInput v-model="searchHost" style="flex: 1;" type="text" :spellcheck="false" :disabled="pagination.params.origin === 'local'" debounce>
<template #prefix>@</template>
<template #label>{{ i18n.ts.host }}</template>
</MkInput>