SSR & AisRefinementList?

[Krillko]

I'm trying to add AisRefinementList to a SSR rendered page.
If I just add

return h(AisInstantSearchSsr, null, () => [
                        // Include any vue-instantsearch components that you use including each refinement attribute
                        h(AisHits),
                        h(AisRefinementList),
                    ]);

it breaks ssr of the hits.

Could you be more specific what "including each refinement attribute" means and the syntax for it? I'm trying to add "categoryFilters" <ais-refinement-list attribute="categoryFilters" />

[vilhelmjosander]

I'm facing the same issue. The documentation is not really clear on how to do this unfortunately.

[Baroshem]

MAybe this will help you #164 (comment)

[Baroshem]

Hey guys, one of the contributors created this stackblitz with a demo of using SSR in AisRefinementList. maybe it will help you :)

https://stackblitz.com/github/plexus77/nuxt-3-algolia-ssr?file=app.vue

[Rigo-m]

Hi all, current SSR Implementation is so bad for many reasons, and very verbose.
Here is my take on how to do it (almost) properly.
https://github.com/Rigo-m/nuxt-ssr-algolia-example
I hope that in the future algolia will step up its vue game.

[Baroshem]

Hey @Rigo-m

I have answered you in #187

Regarding Algolia stepping up in Vue game, to be honest I dont think it will happen. Majority of their customers is React based. Vue is more like community play.