Merge pull request #241 from storyblok/fix/add-api-options-to-key

fix: add apiOptions to the unique key
storyblok · Nov 30, 2022 · e643cd0 · e643cd0
2 parents 545971d + a04841f
commit e643cd0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 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(() => {
@@ -20,7 +21,7 @@ export const useAsyncStoryblok = async (
   });
 
   const { data } = await useAsyncData(
-    url,
+    `${uniqueKey}-asyncdata`,
     async () => await storyblokApiInstance.get(`cdn/stories/${url}`, apiOptions)
   );
   story.value = data.value.data.story;

diff --git a/playground/pages/index.vue b/playground/pages/index.vue
@@ -1,5 +1,9 @@
 <script setup>
-const story = await useAsyncStoryblok("vue", { version: "draft" });
+const story = await useAsyncStoryblok("vue", {
+  version: "draft",
+  language: "en",
+  resolve_relations: ["popular-articles.articles"]
+});
 const richText = computed(() => renderRichText(story.value.content.richText));
 </script>