@quvel-kit/core 1.3.13 → 1.3.14

package/dist/composables/useSSRData.d.ts

@@ -4,17 +4,17 @@
  * Fetches data during SSR, serializes to client, and hydrates on mount.
  * Eliminates the need for a Pinia store per page for SSR data loading.
  */
-import { type Ref, type ComputedRef } from 'vue';
+import { type Ref } from 'vue';
 /**
  * SSR data loading composable
  *
  * @param key - Unique key for this data (used for serialization)
  * @param fetcher - Async function that fetches the data
- * @returns Reactive data ref, loading state, and error state
+ * @returns Reactive data ref and error state
  *
  * @example
  * ```typescript
- * const { data: household, isLoading, error } = useSSRData(
+ * const { data: household, error } = useSSRData(
  *   `household-${route.params.id}`,
  *   () => householdService.get(route.params.id)
  * );
@@ -22,7 +22,6 @@ import { type Ref, type ComputedRef } from 'vue';
  */
 export declare function useSSRData<T>(key: string, fetcher: () => Promise<T>): {
     data: Ref<T | null>;
-    isLoading: ComputedRef<boolean>;
     error: Ref<Error | null>;
 };
 //# sourceMappingURL=useSSRData.d.ts.map

package/dist/composables/useSSRData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSSRData.d.ts","sourceRoot":"","sources":["../../src/composables/useSSRData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA8C,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAM7F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAC1B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GACxB;IACD,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACpB,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAChC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;CAC1B,CAgDA"}
+{"version":3,"file":"useSSRData.d.ts","sourceRoot":"","sources":["../../src/composables/useSSRData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAoC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAMjE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAC1B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GACxB;IACD,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;CAC1B,CAkDA"}

package/dist/composables/useSSRData.js

@@ -4,7 +4,7 @@
  * Fetches data during SSR, serializes to client, and hydrates on mount.
  * Eliminates the need for a Pinia store per page for SSR data loading.
  */
-import { ref, computed, onMounted, onServerPrefetch } from 'vue';
+import { ref, onMounted, onServerPrefetch } from 'vue';
 import { useQuvel } from './useQuvel.js';
 const SSR_DATA_PREFIX = '__SSR_DATA_';
 const SSR_ERROR_PREFIX = '__SSR_ERROR_';
@@ -13,11 +13,11 @@ const SSR_ERROR_PREFIX = '__SSR_ERROR_';
  *
  * @param key - Unique key for this data (used for serialization)
  * @param fetcher - Async function that fetches the data
- * @returns Reactive data ref, loading state, and error state
+ * @returns Reactive data ref and error state
  *
  * @example
  * ```typescript
- * const { data: household, isLoading, error } = useSSRData(
+ * const { data: household, error } = useSSRData(
  *   `household-${route.params.id}`,
  *   () => householdService.get(route.params.id)
  * );
@@ -28,9 +28,24 @@ export function useSSRData(key, fetcher) {
     const container = useQuvel();
     const dataKey = `${SSR_DATA_PREFIX}${key}`;
     const errorKey = `${SSR_ERROR_PREFIX}${key}`;
-    const data = ref(null);
-    const error = ref(null);
-    const isLoading = computed(() => data.value === null && error.value === null);
+    let initialData = null;
+    let initialError = null;
+    if (!isSSR) {
+        const win = window;
+        const ssrData = win[dataKey];
+        const ssrError = win[errorKey];
+        if (ssrError) {
+            initialError = new Error(ssrError.message);
+            initialError.name = ssrError.name;
+            delete win[errorKey];
+        }
+        else if (ssrData !== undefined) {
+            initialData = ssrData;
+            delete win[dataKey];
+        }
+    }
+    const data = ref(initialData);
+    const error = ref(initialError);
     if (isSSR) {
         onServerPrefetch(async () => {
             try {
@@ -45,30 +60,15 @@ export function useSSRData(key, fetcher) {
             }
         });
     }
-    else {
+    else if (initialData === null && initialError === null) {
         onMounted(async () => {
-            const win = window;
-            const ssrData = win[dataKey];
-            const ssrError = win[errorKey];
-            delete win[dataKey];
-            delete win[errorKey];
-            if (ssrError) {
-                const err = new Error(ssrError.message);
-                err.name = ssrError.name;
-                error.value = err;
-            }
-            else if (ssrData !== undefined) {
-                data.value = ssrData;
+            try {
+                data.value = await fetcher();
             }
-            else {
-                try {
-                    data.value = await fetcher();
-                }
-                catch (e) {
-                    error.value = e instanceof Error ? e : new Error(String(e));
-                }
+            catch (e) {
+                error.value = e instanceof Error ? e : new Error(String(e));
             }
         });
     }
-    return { data, isLoading, error };
+    return { data, error };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quvel-kit/core",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "description": "Core utilities for Quvel UI",
   "type": "module",
   "main": "./dist/index.js",