Merge pull request #151 from Rigo-m/patch-1

Added key to useAsyncAlgoliaSearch

Author: Baroshem

docs/content/1.getting-started/3.usage.md

@@ -53,7 +53,8 @@ const { data, error } = await useAsyncAlgoliaSearch({ indexName: 'test_index', q
 This composable accepts an object as a param with following properties:
 
 * `indexName` - the name of you index in Algolia dashboard. For more details about initializing index check out the official documentation [here](https://www.algolia.com/doc/api-client/getting-started/instantiate-client-index/javascript/?client=javascript#initialize-an-index). If you passed a global index in your module configuration, this property can be skipped.
-* `query` - a keywoard, sentence, or text that you want to search the index with.
+* `query` - a keyword, sentence, or text that you want to search the index with.
+* `key` - if you need multiple asyncAlgoliaSearch calls in a single page, add a unique key to get passed to the useAsyncData underneath, so new calls won't overwrite old data.
 * `requestOptions` optional object with options for the request like filters. You can check more about is [here](https://www.algolia.com/doc/api-reference/api-methods/search/#method-param-requestoptions)
 
 ## `useAlgoliaFacetedSearch`

src/runtime/composables/useAsyncAlgoliaSearch.ts

@@ -3,17 +3,17 @@ import type { RequestOptionsObject } from '../../types'
 import { useAlgoliaInitIndex } from './useAlgoliaInitIndex'
 import { useNuxtApp, useAsyncData, useRuntimeConfig } from '#imports'
 
-export type SearchParams = { query: string, indexName?: string } & RequestOptionsObject;
+export type SearchParams = { query: string, indexName?: string, key?: string } & RequestOptionsObject;
 
-export async function useAsyncAlgoliaSearch ({ query, requestOptions, indexName }: SearchParams) {
+export async function useAsyncAlgoliaSearch ({ query, requestOptions, indexName, key }: SearchParams) {
   const config = useRuntimeConfig();
   const index = indexName || config.public.algolia.globalIndex
 
   if (!index) throw new Error('`[@nuxtjs/algolia]` Cannot search in Algolia without `indexName`')
 
   const algoliaIndex = useAlgoliaInitIndex(index)
 
-  const result = await useAsyncData(`${index}-async-search-result`, async () => {
+  const result = await useAsyncData(`${index}-async-search-result-${key ?? ''}`, async () => {
     if (process.server) {
       const nuxtApp = useNuxtApp()
       nuxtApp.$algolia.transporter.requester = (await import('@algolia/requester-node-http').then(lib => lib.default || lib)).createNodeHttpRequester()