algolia / instantsearch

⚡️ Libraries for building performant and instant search and recommend experiences with Algolia. Compatible with JavaScript, TypeScript, React and Vue.
https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/
MIT License
3.73k stars 525 forks source link

feat(hits): add banners to Hits widget for Vue #6276

Closed taylorcjohnson closed 4 months ago

taylorcjohnson commented 4 months ago

Summary

This PR adds the new top banner to the Vue Hits widget and updates associated tests. The top banner feature has already been added to Hits and InfiniteHits for the JS and React flavors of InstantSearch.

This widget is slightly different from the React version by using a showBanner prop (defaulted to true) since the already updated InfiniteHits Vue widget uses this approach.

Jira issue

Result

Getting Started example app:image

codesandbox-ci[bot] commented 4 months ago

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 940b40e9dec4cf7c057001de801ff00b2d3a572d:

Sandbox Source
example-instantsearch-getting-started Configuration
example-react-instantsearch-getting-started Configuration
example-react-instantsearch-next-app-dir-example Configuration
example-react-instantsearch-next-routing-example Configuration
example-vue-instantsearch-getting-started Configuration