fix(webui): add debouncer when searching for author in Edit Book dialog

Closes: #960
gotson · Oct 30, 2022 · da3d283 · da3d283
1 parent 59e6517
commit da3d283
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/komga-webui/src/components/dialogs/EditBooksDialog.vue b/komga-webui/src/components/dialogs/EditBooksDialog.vue
@@ -412,6 +412,7 @@ import {helpers, requiredIf} from 'vuelidate/lib/validators'
 import {BookDto, BookThumbnailDto} from '@/types/komga-books'
 import IsbnVerify from '@saekitominaga/isbn-verify'
 import {isMatch} from 'date-fns'
+import {debounce} from 'lodash'
 import {ERROR, ErrorEvent} from '@/types/events'
 import DropZone from '@/components/DropZone.vue'
 import ThumbnailCard from '@/components/ThumbnailCard.vue'
@@ -488,10 +489,10 @@ export default Vue.extend({
     },
     authorSearch: {
       deep: true,
-      async handler(val: []) {
+      handler: debounce(async function (this: any, val: []) {
         const index = val.findIndex(x => x !== null)
         this.authorSearchResults = await this.$komgaReferential.getAuthorsNames(val[index])
-      },
+      }, 500),
     },
   },
   validations: {