algolia / algolia/autocomplete

Autocomplete as a dropdown with VueJS Composition API and vue-instantsearch

Open
#1,273 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.