Return to homepage

Vue InstantSearch in Nuxt

03/09. Creating the search client
This episode is for premium members only.

Take your skills to the next level with a premium membership.

Join now

Already a member? Sign in and enjoy.

Comments

AkrAm

To work with this we should use "vue-instantsearch": "^2.7.1",

Not "^3.0",

  • 0
John

Is there a course on how to make this also have multiple filtering options like Udemy's Search&Filtering sidebar for example?

  • 0
Martin

Hello guys, I got error:

1"export 'createInstantSearch' was not found in 'vue-instantsearch'

Code is

 1import algoliasearch from 'algoliasearch/lite'
 2import { createInstantSearch } from 'vue-instantsearch'
 3export default ({ app }, inject) => {
 4    const searchClient = algoliasearch(
 5            'latency',
 6            '6be0576ff61c053d5f9a3225e2a90f76'
 7        )
 8
 9    const { instantsearch } = createInstantSearch({
10        searchClient,
11        indexName: 'instant_search'
12    })
13
14    inject('instantsearch', instantsearch)
15
16}
  • 2
Martin

Solution for version 3 and above vue-instantsearch: the API for server side rendering has changed form createInstantSearch to createServerRootMixin. You can see the changelog here: https://www.algolia.com/doc/guides/building-search-ui/upgrade-guides/vue/#ssr-server-side-rendering

  • 0
AkrAm

Is this workign with new vue-instantsearch?

"vue-instantsearch": "^2.7.1" is good for it

  • 0
lazlo

Thanks for changing the editor theme.

  • 0
Bruno

Awesome as always :)

  • 0