itube-specs 0.0.311 → 0.0.312

package/composables/use-api-fetcher-no-cache.ts

@@ -0,0 +1,24 @@
+export function useApiFetcherNoCache<T>(
+    key: string | null,
+    apiMethod: (...args: any[]) => Promise<T>,
+    ...apiArgs: any[]
+) {
+    return async function fetchData() {
+        const hasKey = key?.trim();
+        const state = hasKey ? useState<T | null>(key!, () => null) : null;
+
+        try {
+            const result = await apiMethod(...apiArgs);
+
+            if (state) state.value = result;
+
+            return result;
+        } catch (err) {
+            throw createError({
+                statusCode: 500,
+                statusMessage: `Error fetching ${key}`,
+                message: err instanceof Error ? err.message : 'An unknown error occurred',
+            });
+        }
+    };
+}

package/composables/use-fetch-playlists-get-videos-by-id.ts

@@ -10,33 +10,21 @@ export const useFetchPlaylistsGetVideosById = (
     const route = useRoute();
     const id = computed(() => String(route.params[ 'id' ]));
     const key = EAsyncData.GetPlaylistsVideo;
-    const stateKey = useState(`data-${key}-${id.value}`);
-
-    async function fetchData() {
-        try {
-            const result = await apiMethod(
-                id.value,
-                isListPage ? {
-                    page: Number(route.query[ 'page' ]) || 1,
-                    [ 'per-page' ]: PER_PAGE,
-                } : {
-                    page: 1,
-                }
-            );
-            stateKey.value = result;
-            return result;
-        } catch (err) {
-            throw createError({
-                statusCode: 500,
-                statusMessage: `Error fetching ${key}`,
-                message: err instanceof Error ? err.message : 'An unknown error occurred',
-            });
-        }
-    }
+    const stateKey = computed(() => `data-${key}-${id.value}`);
 
     const { data, status, error } = useAsyncData<PaginatedResponse<IVideoCard>>(
         key,
-        fetchData,
+        () => useApiFetcherNoCache<PaginatedResponse<IVideoCard>>(
+            stateKey.value,
+            apiMethod,
+            id.value,
+            isListPage ? {
+                page: Number(route.query[ 'page' ]) || 1,
+                [ 'per-page' ]: PER_PAGE,
+            } : {
+                page: 1,
+            },
+        )(),
     );
 
     return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.311",
+  "version": "0.0.312",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {