Update 1.vue-instantsearch.md

camaech · web-flow · commit 29fa94ef3c39 · 2023-05-19T08:16:45.000-05:00
diff --git a/docs/content/2.advanced/1.vue-instantsearch.md b/docs/content/2.advanced/1.vue-instantsearch.md
@@ -80,25 +80,42 @@ onBeforeMount(() => {
 })
 
 const { data: algoliaState } = await useAsyncData('algolia-state', async () => {
-  return instantsearch.findResultsState({
-    // IMPORTANT: a component with access to `this.instantsearch` to be used by the createServerRootMixin code
-    component: {
-      $options: {
-        components: { AisInstantSearchSsr, AisRefinementList, AisSortBy },
-        data() {
-          return { instantsearch }
-        },
-        provide: { $_ais_ssrInstantSearchInstance: instantsearch },
-        render() {
-          return h(AisInstantSearchSsr, null, () => [
-            // Include any vue-instantsearch components that you use including each refinement attribute
-            h(AisRefinementList, { attribute: 'languages' }),
-            h(AisSortBy, { items: [{ value: indexName, label: '' }] }),
-          ])
+    if (process.server) {
+        const nuxtApp = useNuxtApp();
+        nuxtApp.$algolia.transporter.requester = (
+            await import('@algolia/requester-node-http').then(
+                (lib) => lib.default || lib
+            )
+        ).createNodeHttpRequester();
+    }
+    return instantsearch.findResultsState({
+        // IMPORTANT: a component with access to `this.instantsearch` to be used by the createServerRootMixin code
+        component: {
+            $options: {
+                components: {
+                    AisInstantSearchSsr,
+                    AisIndex,
+                    AisConfigure,
+                    AisRefinementList,
+                    AisHits,
+                    AisHighlight,
+                    AisSearchBox,
+                    AisStats,
+                    AisPagination,
+                },
+                data() {
+                    return { instantsearch };
+                },
+                provide: { $_ais_ssrInstantSearchInstance: instantsearch },
+                render() {
+                    return h(AisInstantSearchSsr, null, () => [
+                        // Include any vue-instantsearch components that you use including each refinement attribute
+                        h(AisHits),
+                    ]);
+                },
+            },
         },
-      },
-    },
-    renderToString,
-  })
+        renderToString,
+    });
 })
 ```
