summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkUserSelectDialog.vue
diff options
context:
space:
mode:
authordakkar <dakkar@thenautilus.net>2025-02-26 11:55:52 +0000
committerdakkar <dakkar@thenautilus.net>2025-02-26 12:14:57 +0000
commit71d842421df88917708ded0291a61e63c76a2dc2 (patch)
treeb61e70c38322cb957fc95f821a1c9f251ba33213 /packages/frontend/src/components/MkUserSelectDialog.vue
parentmerge: maybe better db/meili container images to start with - fixes #942 (!919) (diff)
downloadsharkey-71d842421df88917708ded0291a61e63c76a2dc2.tar.gz
sharkey-71d842421df88917708ded0291a61e63c76a2dc2.tar.bz2
sharkey-71d842421df88917708ded0291a61e63c76a2dc2.zip
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
Diffstat (limited to 'packages/frontend/src/components/MkUserSelectDialog.vue')
-rw-r--r--packages/frontend/src/components/MkUserSelectDialog.vue6
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkUserSelectDialog.vue b/packages/frontend/src/components/MkUserSelectDialog.vue
index 63af652cbc..120f19cb7f 100644
--- a/packages/frontend/src/components/MkUserSelectDialog.vue
+++ b/packages/frontend/src/components/MkUserSelectDialog.vue
@@ -16,16 +16,16 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #header>{{ i18n.ts.selectUser }}</template>
<div>
<div :class="$style.form">
- <MkInput v-if="computedLocalOnly" v-model="username" :autofocus="true" @update:modelValue="search">
+ <MkInput v-if="computedLocalOnly" v-model="username" :autofocus="true" debounce @update:modelValue="search">
<template #label>{{ i18n.ts.username }}</template>
<template #prefix>@</template>
</MkInput>
<FormSplit v-else :minWidth="170">
- <MkInput v-model="username" :autofocus="true" @update:modelValue="search">
+ <MkInput v-model="username" :autofocus="true" debounce @update:modelValue="search">
<template #label>{{ i18n.ts.username }}</template>
<template #prefix>@</template>
</MkInput>
- <MkInput v-model="host" :datalist="[hostname]" @update:modelValue="search">
+ <MkInput v-model="host" :datalist="[hostname]" debounce @update:modelValue="search">
<template #label>{{ i18n.ts.host }}</template>
<template #prefix>@</template>
</MkInput>