Pages · Laravilt
Frontend Components
The GlobalSearch component and useGlobalSearch composable for Vue and React.
The panel renders GlobalSearch automatically when global search is enabled. It reads hasGlobalSearch, globalSearchEndpoint and globalSearchConfig (enabled, useAI, debounce) from the shared panel props. Use the component directly to place the search somewhere else.
React support requires Laravilt v1.1 or later.
Vue
vue
React
tsx
API
| Prop / event | Vue | React |
|---|---|---|
| Placeholder | placeholder | placeholder |
| Result selected | @select(result, group) | onSelect(result, group) |
| Dialog closed | @close | onClose |
| Open / close programmatically | ref.open(), ref.close() | ref.current.open(), ref.current.close() |
Result types
ts
useGlobalSearch
useGlobalSearch(endpoint = '/laravilt-ai/search') returns query, results, loading, error, useAI, hasResults, totalResults, search(), debouncedSearch() and clear().