diff --git a/src/components/custom/widget/WorkflowTemplateSelectorDialog.vue b/src/components/custom/widget/WorkflowTemplateSelectorDialog.vue index ab16acac3..8580e29f9 100644 --- a/src/components/custom/widget/WorkflowTemplateSelectorDialog.vue +++ b/src/components/custom/widget/WorkflowTemplateSelectorDialog.vue @@ -772,7 +772,7 @@ useIntersectionObserver(loadTrigger, () => { // Reset pagination when filters change watch( [ - searchQuery, + filteredTemplates, selectedNavItem, sortBy, selectedModels, diff --git a/src/composables/useTemplateFiltering.ts b/src/composables/useTemplateFiltering.ts index c29d6cadd..905632220 100644 --- a/src/composables/useTemplateFiltering.ts +++ b/src/composables/useTemplateFiltering.ts @@ -1,4 +1,4 @@ -import { refThrottled, watchDebounced } from '@vueuse/core' +import { refDebounced, watchDebounced } from '@vueuse/core' import Fuse from 'fuse.js' import type { IFuseOptions } from 'fuse.js' import { computed, ref, watch } from 'vue' @@ -119,7 +119,7 @@ export function useTemplateFiltering( ) }) - const debouncedSearchQuery = refThrottled(searchQuery, 50) + const debouncedSearchQuery = refDebounced(searchQuery, 150) const filteredBySearch = computed(() => { if (!debouncedSearchQuery.value.trim()) {