Merge pull request #159 from LoMonacoSalvatore/patch-1

Added optional key to useAlgoliaRecommend

Author: Baroshem

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

@@ -103,10 +103,15 @@ onMounted(async () => {
 })
 </script>
 ```
+This composable returns the following:
 
 * `result` will contain a value of a get method. It is reactive computed property that will be populated when a get method will fulfill. This result will have a form described [here](https://www.algolia.com/doc/api-reference/api-methods/get-recommendations/#response)
 * `get` method is used to get the recommendations based on the criteria described [here](https://www.algolia.com/doc/api-reference/api-methods/get-recommendations/#parameters) and an optional parameter of `requestOptions` that you can check out [here](https://www.algolia.com/doc/api-reference/api-methods/search/#method-param-requestoptions)
 
+This composable also accepts an optional key parameter:
+
+* `key` - if you need multiple useAlgoliaRecommend calls, add a unique key to get passed to the userState('recommend-result') underneath, so new calls won't overwrite old data.
+
 For more details check out the official documentation of this method [here](https://www.algolia.com/doc/api-reference/api-methods/get-recommendations/)
 
 ## `useAlgoliaRef`

src/runtime/composables/useAlgoliaRecommend.ts

@@ -14,15 +14,15 @@ export type UseAlgoliaRecommend<T> = {
   get: (params: RecommendParams) => Promise<MultipleQueriesResponse<T>>
 }
 
-export function useAlgoliaRecommend<T> (): UseAlgoliaRecommend<T> {
+export function useAlgoliaRecommend<T> (key: string = ''): UseAlgoliaRecommend<T> {
   const { $algoliaRecommend } = useNuxtApp()
   const algoliaRecommend: RecommendClient = $algoliaRecommend
 
   if (!$algoliaRecommend) {
     throw new Error('`[@nuxtjs/algolia]` Cannot call useAlgoliaRecommend composable due to missing `algolia.recommend` option.')
   }
 
-  const result = useState('recommend-result', () => null)
+  const result = useState(`recommend-result${key ? '-' + key : ''}`, () => null)
 
   const get = async ({ queries, requestOptions }: RecommendParams) => {
     result.value = await algoliaRecommend.getRecommendations<T>(queries, requestOptions)