{ this.scrollToResults(); }); } } }, startSearch() { this.prefetched = false; this.fetchResults(true); }, debouncedSearch() { // Clear existing timer if (this.debounceTimer) { clearTimeout(this.debounceTimer); } // Set new timer this.debounceTimer = setTimeout(() => { this.startSearch(); }, 500); }, async loadMore() { if (!this.canLoadMore || this.loadingMore) { return; } this.loadingMore = true; const nextPage = this.page + 1; try { const params = new URLSearchParams({ q: this.query.trim(), type: this.activeTab, per_page: this.perPage, page: nextPage }); const response = await fetch(`/api/search?${params.toString()}`); const data = await response.json(); if (data.success && data.data) { const items = data.data.items || []; // Append new results (don't replace) this.results = [...this.results, ...items]; this.page = nextPage; this.autoLoadedPages++; if (data.data.pagination) { this.lastPage = data.data.pagination.last_page || this.totalPages; } } } catch (error) { console.error('Load more error:', error); } finally { this.loadingMore = false; } }, get canLoadMore() { return this.page < this.lastPage && this.autoLoadedPages < this.maxAutoLoadPages && !this.loading && !this.loadingMore; }, get totalPages() { return Math.max(1, Math.ceil(this.total / this.perPage)); }, removeFallback() { const fallback = document.querySelector('.js-search-fallback'); if (fallback) { fallback.remove(); } } }" x-init="removeFallback(); if (!prefetched) { fetchResults(true); }">