Vue-instantsearch: Is it possible to use vue-instantsearch with Algolia places?

[emdahlstrom]

Hi! Thank's for a great project! I'm just wondering if it is possible to use vue-instantsearch with Algolia places. I see there is a mention of instantsearch.js on the Algolia Places page. I can't seem to figure out how to use places if it is possible.

[Haroenv]

There’s no built-in component right now, but it’s possible to write your own Vue wrapper for the library, and then use that to set Center and radius search Parameters.

Unfortunately I don’t have an example for that right now, but feel free to start it and I’ll try to help you out where you’re stuck

[emdahlstrom]

Many thanks! I got places running in Vue, though not in Nuxt. I'll hack away a bit and get back to you.

[Haroenv]

Yes, places will need to be wrapped in a no-ssr component, since it uses window and document in the code without fallback for node

[Haroenv]

Also, it would be nice if you gave a quick demo on how you made this work (we have a template) for other people with the same questions

[emdahlstrom]

I looked at the template but it seemed oriented around instant search and I haven't tried integrating them yet, but I can certainly share how I made places work in vue. I'll just clean up the code a bit and share a sandbox.

I've seen that there are a couple of places integrations but they seem outdated(? or I just cant make them work) or in once case depends on other Vuetify components.

[ajw4sk]

Ever make any progress on that?

[Haroenv]

Here's a integration with places in Vue:

see https://github.com/algolia/places/issues/662 too.

A more advanced component could make use of connectGeoSearch here