@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

algoliaVueComponent must be used passing needed info as props:

• indexName: index of algolia's DB where this will search into
• device [mobile|desktop]: used to show hits per page (7|10)
• placeholderName: placeholder shown in input (translations must be provided)
• imageRecognitionName: as a fallback to current imageRecognition used in mobile.
• ariaLabelName: aria label used in search input