algolia / algolia/autocomplete
Autocomplete as a dropdown with VueJS Composition API and vue-instantsearch
- Dominant language
- TypeScript
- Stars
- 5.3k
- Forks
- 341
- Avg merge
- 3d 1h
- Merged PRs (30d)
- 5
Description
I want to build a Vue component that is a dropdown with Algolia's autocomplete and vue-instantsearch (I am using VueJS 3, Composition API and Quasar as the framework). With the below code I get quite far, but can't make it work completely. E.g. the hits are always displayed and I want it to act as a dropdown with selectable values. My goal is to have a company field e.g. for a contact in which I can search for a company and select a value that then should be displayed in the field. Is that possible at all?
```
-
()
import { algoliaSearchClient } from 'boot/algolia'
import '@algolia/autocomplete-theme-classic'
import IconSearch from 'src/components/Icons/IconSearch.vue'
const searchClient = algoliaSearchClient
```
Contributor guide
Research direction
The issue names no repository file or test; it only provides an embedded Vue component using vue-instantsearch and Algolia autocomplete. Start by reviewing that integration and define how the hits panel and selected company should behave, then verify the component supports searchable, selectable dropdown values.
Written by the indexing model from the issue text.
Assessment
- Domain
- frontend, search
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 15/100