vue-instantsearch | 👀 Algolia components for building search UIs with Vue.js | Frontend Utils library
kandi X-RAY | vue-instantsearch Summary
kandi X-RAY | vue-instantsearch Summary
Lightning-fast search for Vue.js apps. This repository holds the code for the Vue InstantSearch project.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Instantiates a new instant search on the root .
- Generate output for vue - plugin
- Create a new app
- Clones component instances .
- Resolves extension .
- Replaces a source file with relative paths .
- Parse highlighted attribute
- Tries to find a child attribute .
- Initialize the router
- Parses a single highlight attribute
vue-instantsearch Key Features
vue-instantsearch Examples and Code Snippets
Community Discussions
Trending Discussions on vue-instantsearch
QUESTION
Using algolia vue-instantsearch, i’m encountering a special case and i’m having an hard time finding a solution.
Refinement behaviors is that you get the results that matches all your refinement filters.
If i filter on a brand and a price, i’ll get the results that matches both the brand and the price.
I need to add some specific filters that work differently. I would like to be able to say “returns me the results that matches either refinementA, or refinementB, or refinementC.”
The reason is that those refinements are checking fields that are not present on all the products.
If i check a value for refinementA, i want to keep all the results that has no value for field corresponding to refinementA, but remove those that has a value for refinementA that does not match with the one i filtered one.
Im thinking about handling myself some inputs instead of ias-components, and modifying by hand each query that is send to algolia by checking the value of my own inputs when searchFunction is triggered (https://www.algolia.com/doc/api-reference/widgets/instantsearch/js/#widget-param-searchfunction).
I did not found yet how i can trigger a search from an non-vue-instantsearch input event, and i’m not sure how the above solution could affect the internal working of vue-instantsearch.
I’m looking for feedbacks about a more standard way of doing this, or for any advices !
...ANSWER
Answered 2022-Jan-28 at 16:38I got the answer by exchanging with a vue-instantsearch maintainer.
vue-instantsearch does not provide any option to do it.
A workaround is to overwrite algoliasearch search method, that is used under the hood by vue-instant-search.
QUESTION
I am developing an instantsearch using nuxt. Googlemaps receives the first set on results on page load and renders the markers without any issues - however when searching the new results do not update on the map? Is there a way i can push the new set of results through to the map to render the markers?
I assume this will be the beforeMount hook and pass the results to updateMap?
pages/index.vue
...ANSWER
Answered 2022-Jan-05 at 08:44Although this isnt a solution to the above - I have found a workaround using a different library: vue2-google-maps as this works with Nuxt (see docs).
pages/index.vue
QUESTION
I’ve followed the guide for installing vue instantsearch (4.3) in my Vue.js (3.0) application.
In my main.js file, I have the following -
...ANSWER
Answered 2021-Dec-21 at 04:35Also, vue 3 now uses create app so below would work best
QUESTION
I have a VueJS 3.0 project (Options API) in combination with Firebase and Algolia. Everything works fine. I have multiple indices defined in Algolia and I can search them simultaneously with my own Vue code that I've written, but I would rather use vue-instantsearch from Algolia. I have tried to setup the basics to search one index (companyIndex), however I can't get it to work. Error I get is this (####### are my keys):
...ANSWER
Answered 2021-Oct-15 at 20:47I finally figured out the issue: it was the vue version. It needs to be at least 3.1.2 for vue-instantsearch to work and I had it on 3.0.0! To update to a greater version, you need to specify the right version for the vue compiler. At this moment the latest version is 3.2.20. To upgrade to this version, do this setting in package.json:
QUESTION
I am trying to use vue-router inside my project adopting from enter link description here.
./router/index.js
...ANSWER
Answered 2021-Aug-31 at 18:45The problem here is that you were registering the router to another instance of vue and that instance does not have the main component. Here is the solution In your router/index.js remove the lines
QUESTION
Integrating Algolia search with VSF/Next branch, got the basics down. Moving on to routing.
With Vanilla Nuxt the integration works as it should, although the workarounds are starting to stack.
To Repro:
- pull && yarn && yarn run dev
- http://192.168.1.4:3000/ && search for something
- URL gets rewritten
checkout VSF get a flicker re-render.
To Repro:
- same as above except go to /Search
- URL gets rewritten for a flash then render fires and goes back to original route
What I’ve tried:
- Built the two repos in isolation and it seems to not be an issue with nuxt itself, more an issue with Vue StoreFront
Reference: https://github.com/algolia/vue-instantsearch/issues/916 (tangential)
...ANSWER
Answered 2021-Apr-13 at 04:35Okee this has something to do with the nuxt comp passing the route
I was able to bypass it by doing this in the default template
QUESTION
What I mean by "Leaking" is the following. I have an About.vue with its own styling (About.scss) and it's own endpoint "/about". I also have the home page endpoint "/" and its corresponding Laravel blade template (Index.blade.php) with its own styling (Index.scss).
The Problem
The style from About.scss is affecting the Index.scss, and they're not even in the same html file that's returned by the server. And it's like this for my entire website. Everything was completely fine before I updated to Laravel Mix ^5.*.
composer.json
...ANSWER
Answered 2020-Nov-05 at 16:56Well, I just had to bite the bullet and convert ALL of my styles to "scoped," scanning all pages on my web site to fix any breaking changes. It sucked, but so far I think I found all the styling issues and was able to fix them.
I have a feeling that Laravel-Mix ^5.0 compiles its assets a little differently compared to previous versions. That'd be my best guess.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install vue-instantsearch
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page
