From dfd0fa673dc956450c7c9a8e117f0be4aace07ff Mon Sep 17 00:00:00 2001 From: Ferdinand Thiessen Date: Fri, 17 May 2024 13:55:53 +0200 Subject: [PATCH] fix(files): Debounce does not return a function so it should be used as computed This also fixes hacky solution to `this` access Signed-off-by: Ferdinand Thiessen --- apps/files/src/views/FilesList.vue | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/apps/files/src/views/FilesList.vue b/apps/files/src/views/FilesList.vue index 8bbe6cef1bf..9fe8207615f 100644 --- a/apps/files/src/views/FilesList.vue +++ b/apps/files/src/views/FilesList.vue @@ -223,6 +223,16 @@ export default defineComponent({ }, computed: { + /** + * Handle search event from unified search. + */ + onSearch() { + return debounce((searchEvent: { query: string }) => { + console.debug('Files app handling search event from unified search...', searchEvent) + this.filterText = searchEvent.query + }, 500) + }, + userConfig(): UserConfig { return this.userConfigStore.userConfig }, @@ -613,15 +623,6 @@ export default defineComponent({ this.fetchContent() } }, - /** - * Handle search event from unified search. - * - * @param searchEvent is event object. - */ - onSearch: debounce(function(searchEvent) { - console.debug('Files app handling search event from unified search...', searchEvent) - this.filterText = searchEvent.query - }, 500), /** * Reset the search query