feat: use the unique key in useState too

storyblok · Nov 28, 2022 · a04841f · a04841f
1 parent 497de1d
commit a04841f
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/lib/src/runtime/composables/useAsyncStoryblok.js b/lib/src/runtime/composables/useAsyncStoryblok.js
@@ -6,7 +6,8 @@ export const useAsyncStoryblok = async (
   apiOptions = {},
   bridgeOptions = {}
 ) => {
-  const story = useState(url, () => null);
+  const uniqueKey = `${JSON.stringify(apiOptions)}${url}`;
+  const story = useState(`${uniqueKey}-state`, () => null);
   const storyblokApiInstance = useStoryblokApi();
 
   onMounted(() => {
@@ -19,10 +20,8 @@ export const useAsyncStoryblok = async (
     }
   });
 
-  const hash = JSON.stringify(apiOptions);
-
   const { data } = await useAsyncData(
-    `${hash}-${url}`,
+    `${uniqueKey}-asyncdata`,
     async () => await storyblokApiInstance.get(`cdn/stories/${url}`, apiOptions)
   );
   story.value = data.value.data.story;