Appearance

Search Store ​

File Information ​

  • Path: app/stores/search.ts
  • Purpose: Manages search state and results

Overview ​

The Search Store manages search queries, filters, results, and pagination state for the search functionality.

State ​

typescript
{
  query: string              // Search query
  filters: SearchFilters     // Active filters
  results: SearchResult[]    // Search results
  loading: boolean          // Loading state
  pagination: Pagination     // Pagination data
}

Actions ​

setQuery ​

Set search query.

typescript
searchStore.setQuery('search term')

setFilters ​

Set search filters.

typescript
searchStore.setFilters({
  tags: ['tag1', 'tag2'],
  fileTypes: ['image'],
  dateRange: { from: '2025-01-01', to: '2025-12-31' }
})

Perform search with query and filters.

typescript
await searchStore.search(query, filters)

clearSearch ​

Clear search state.

typescript
searchStore.clearSearch()

loadMore ​

Load more search results (pagination).

typescript
await searchStore.loadMore()

Usage Example ​

typescript
const searchStore = useSearchStore()

// Perform search
await searchStore.search('query', {
  tags: ['tag1'],
  fileTypes: ['image']
})

// Get results
const results = searchStore.results

// Load more
await searchStore.loadMore()