@drinksandco/algolia-vue

algolia vue component

implementation

We are using algolia components to build this component, BUT instead of using autocomplete algolia's component, we are using an algolia helper (https://github.com/algolia/algoliasearch-helper-js) that is much flexible, along with standard use of Vue component to do a search upon keyup event in input. Furthermore, this way we can handle the input itself, not depending on internal behavior on algolia private components.

using in other repos

algoliaMultipleIndex must be used passing needed info as props:

• language: index of algolia's DB where this will search into
• placeholderName: placeholder shown in input (translations must be provided)
• ariaLabelName: aria label used in search input
• messages: an object that includes the categories and product's titles (translated)