@storyblok/nuxt 7.1.0 → 7.1.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/nuxt",
   "configKey": "storyblok",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "unknown"

package/dist/runtime/composables/useAsyncStoryblok.d.ts

@@ -1,6 +1,8 @@
 import type { ISbStoriesParams, ISbStoryData, StoryblokBridgeConfigV2 } from '@storyblok/vue';
-export declare const useAsyncStoryblok: (url: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => Promise<import("vue").Ref<ISbStoryData<import("storyblok-js-client").ISbComponentType<string> & {
-    [index: string]: any;
-}>, ISbStoryData<import("storyblok-js-client").ISbComponentType<string> & {
-    [index: string]: any;
-}>>>;
+interface StoryblokAsyncResult<T = ISbStoryData> {
+    value: T;
+    status?: number;
+    response?: string;
+}
+export declare const useAsyncStoryblok: (url: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => Promise<StoryblokAsyncResult>;
+export {};

package/dist/runtime/composables/useAsyncStoryblok.js

@@ -1,9 +1,10 @@
 import { useStoryblokApi, useStoryblokBridge } from "@storyblok/vue";
-import { onMounted, useAsyncData, useState } from "#imports";
+import { onMounted, reactive, useAsyncData, useState } from "#imports";
 export const useAsyncStoryblok = async (url, apiOptions = {}, bridgeOptions = {}) => {
   const storyblokApiInstance = useStoryblokApi();
   const uniqueKey = `${JSON.stringify(apiOptions)}${url}`;
   const story = useState(`${uniqueKey}-state`);
+  const error = useState(`${uniqueKey}-error`);
   onMounted(() => {
     if (story.value && story.value.id) {
       useStoryblokBridge(
@@ -14,15 +15,43 @@ export const useAsyncStoryblok = async (url, apiOptions = {}, bridgeOptions = {}
     }
   });
   if (!story.value) {
-    const { data } = await useAsyncData(uniqueKey, () => {
-      return storyblokApiInstance.get(
-        `cdn/stories/${url}`,
-        apiOptions
-      );
-    });
-    if (data) {
-      story.value = data.value?.data.story;
+    try {
+      const { data } = await useAsyncData(uniqueKey, () => {
+        return storyblokApiInstance.get(
+          `cdn/stories/${url}`,
+          apiOptions
+        );
+      });
+      if (data) {
+        story.value = data.value?.data.story;
+        error.value = null;
+      }
+    } catch (err) {
+      if (typeof err === "object" && err !== null && "status" in err && "response" in err) {
+        error.value = {
+          status: err.status || err.response?.status,
+          response: err.message || err.response?.statusText
+        };
+      } else {
+        error.value = {
+          status: void 0,
+          response: "An unknown error occurred"
+        };
+      }
     }
   }
-  return story;
+  return reactive({
+    get value() {
+      return story.value;
+    },
+    set value(newValue) {
+      story.value = newValue;
+    },
+    get status() {
+      return error.value?.status;
+    },
+    get response() {
+      return error.value?.response;
+    }
+  });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/nuxt",
   "type": "module",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "description": "Storyblok Nuxt module",
   "homepage": "https://github.com/storyblok/monoblok/tree/main/packages/nuxt#readme",
   "repository": {
@@ -25,7 +25,7 @@
     "dist"
   ],
   "dependencies": {
-    "@storyblok/vue": "9.1.0"
+    "@storyblok/vue": "9.1.1"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^6.0.3",