Stack Overflow
Stack Overflow

Questions tagged [vue-instant-search]

InstantSearch.js is a JavaScript library that lets you create an instant search results experience using Algolia’s REST API.

35 questions
4
votes
3 answers

Persist custom url parameters with algolia search url rewriting

We are using vue instantsearch from Algolia. When the user lands on page with some initial url parameters, algolia instantsearch loads an initial search, and changes the url to include the search parameters. However the initial url parameters do not…
wildabeast
  • 1,723
  • 3
  • 18
  • 31
2
votes
0 answers

How to achieve hierarchial filter in facets in typesense

I am using vue instantsearch component in the frontend UI with typesense. I have a particular use case to achieve. Please guide me how that could be achieved. I have a product data and hierarchical category. I have already achieved normal search by…
Sanjay Gyawali
  • 81
  • 8
2
votes
0 answers

Vue instantsearch SEO friendly URL

I’m using Vue instantsearch and I want to make the URL a bit pleasing to the eyes so I followed this guide: https://www.algolia.com/doc/guides/building-search-ui/going-further/routing-urls/vue/#seo-friendly-urls But the problem is I couldn’t get the…
Wern Ancheta
  • 22,397
  • 38
  • 100
  • 139
2
votes
0 answers

How to make Algolia instant search with Vue query records after page has loaded

I am working on a Gridsome application (SSG built with Vue). I added a search page and I've implemented the Algolia instant search with the autocomplete widget. Gridsome by default lazy loads routes and renders the pages on the server-side, and…
Edmund1645
  • 309
  • 1
  • 2
  • 13
2
votes
2 answers

Algolia & Vue InstantSearch: Customising widgets with slot

I am trying to modify the output of an InstantSearch widget for Vue. In the documentation (https://www.algolia.com/doc/api-reference/widgets/hits/vue/#customize-the-ui) it says that using the scope-slot it will override the complete DOM output of…
christostsang
  • 1,701
  • 3
  • 27
  • 46
2
votes
0 answers

How to use vue-instantsearch in SSR with Vuex?

I'm struggling to integrate vue-instantsearch with Vuex store in Vue SSR app. I've tried to follow https://github.com/algolia/vue-instantsearch-examples/tree/master/examples/ssr however this example is using only context.store and I'm trying to…
Rento
  • 119
  • 6
1
vote
1 answer

Using a component inside vue ais-hits

I'm working on an Algolia search page which is working fine with this: but now I want to extract the contents of the template into a separate component so it can…
Tyssen
  • 1,569
  • 16
  • 35
1
vote
0 answers

Algolia InstantSearchjs Vue dynamic widgets

We have an implementation of Algolia search using the InstantSearch Vue components. My understanding is that Algolia can dynamically show facets depending on the items in the search result - for example, showing 'memory' if there are a large…
Adam Hopkinson
  • 28,281
  • 7
  • 65
  • 99
1
vote
1 answer

Is it possible to filter my results by boolean and date? (algolia)

I am trying to filter my algolia results by boolean and date. The problem I have is that the results found do not match the items shown to the user. Here is what I have so far: transformItems(items) { return items.filter(item => { …
TheNastyPasty
  • 59
  • 1
  • 9
1
vote
1 answer

When querying multiple indices, how do I use different search parameters for each respective index in algolia? (Vue Instantsearch)

I am using Vue Instantsearch with multiple indices. The query takes place in a ais-search-box component, looking through two indices simultaneously and displaying the results in an ais-autocomplete component. This works well, however I can't find a…
aside
  • 722
  • 4
  • 20
1
vote
2 answers

Algolia vue instantsearch dynamically set search query

I have a search bar on the root component (App.vue). I want to enter a query and on @keyup.enter, it should redirect to the Search component view with the v-text-field input value. Redirection is used by using $router.replace because users might…
Afiq Rosli
  • 357
  • 1
  • 7
  • 22
1
vote
1 answer

Vue-InstantSearch (Algolia): How to add ref= to input field?

I would like to add a ref='foo' to the element (to the rendered input field), so I can then dynamically put .focus on it if needed. But how can I add the ref=[..]? My current code is:
Dominic
  • 440
  • 8
  • 22
1
vote
1 answer

InstantSearch caching strategy

I'd like to implement a fast, smooth search. Searched items are not that many: ~100 max. Each item holds the amount of data a facebook event would hold. They will all show up on initial load (maybe an infite scroll). Data won't change frequently. No…
Georgian
  • 8,795
  • 8
  • 46
  • 87
1
vote
1 answer

Hide default message of ais-state-results widget

I am using ais-instant-search and ais-state-results to display my data. I hide the result until query.length > 0. It works but if I don't enter any search string, it always shows a message. Below are my code and screenshot: …
Joshua Hansen
  • 405
  • 1
  • 8
  • 21
1
2 3