AutoComplete Component with Vue Composition API in VueJS

Simple AutoComplete Component built using a custom built useAutoComplete hook I built using the vue composition api

Since I am quite fond of Ionic Framework’s Web Components, I used the components to construct a clean presentation of the work.

The hook takes in two parameters, options which is the array of data to search, and optionKey which is what property in the array of objects to search on.

I this example I have loaded in some data from RandomUser.me to populate the array of data and I am used the email property as my filter.

The dropdown that appears in the ion-card component from Ionic Framework; and the rest of the magic is accomplished using css with some position.

DC based software agency utilizing #Javascript, #Typescript, #HTML5, #Ionicframework, #NodeJS, #Firebase to build web & mobile solutions. https://buff.ly/300Zru

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store