itube-specs 0.0.243 → 0.0.244

package/composables/fetch/use-fetch-videos.ts

@@ -0,0 +1,48 @@
+import { selectDurationItems, sortItemsDefault, selectAddedItems } from '../../lib';
+import { EAsyncData, ELanguage, getSelectedQuery } from '../../runtime';
+import { useRoute } from 'vue-router';
+import type { IVideoCard, PaginatedResponse } from '../../types';
+
+export const useFetchVideos = async (apiMethod) => {
+    const route = useRoute();
+    const { locale } = useI18n();
+    const lang = locale.value as ELanguage;
+    const perPage = 48;
+
+    const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
+        EAsyncData.Videos,
+        fetchData,
+        {
+            watch: [
+                () => {
+                    if (route.query) {
+                        const currentQuery = route.query;
+                        return JSON.stringify(currentQuery);
+                    }
+                },
+            ],
+        }
+    );
+
+    async function fetchData() {
+        try {
+            return await apiMethod(
+                {
+                    page: Number(route.query[ 'page' ]) || 1,
+                    [ 'per-page' ]: perPage,
+                },
+                useGetVideosFilterRequest(route, selectDurationItems, selectAddedItems),
+                lang,
+                getSelectedQuery(route, sortItemsDefault) || '-popularity,-primary_thumb_rank'
+            );
+        } catch (err) {
+            throw createError({
+                statusCode: 500,
+                statusMessage: 'Error fetching videos',
+                message: err instanceof Error ? err.message : 'An unknown error occurred',
+            });
+        }
+    }
+
+    return { data, status, error };
+};

package/package.json

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