itube-specs 0.0.483 → 0.0.485

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

@@ -16,25 +16,22 @@ export const useFetchRelatedVideos = async (
     const key = EAsyncData.RelatedVideos;
     const stateKey = computed(() => `data-${key}-${slug.value}-${JSON.stringify(route.query)}-${lang}`);
 
-    // const routeName = route.name;
-    // const paths = ['playlists-id-slug', 'videos-slug'];
-
-    // if (!paths.some(item => String(routeName).includes(item))) {
-    //     return null; // нужно явно проверять, в частности при переходе с видео на категорию слаг подхватывается и иногда выскакивает ошибка
-    // }
-
     const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
         key,
-        () => useApiFetcher<PaginatedResponse<IVideoCard>>(
-            stateKey.value,
-            apiMethod,
-            {
-                page: Number(route.query[ 'page' ]) || 1,
-                'per-page': perPage,
-            },
-            lang,
-            slug.value
-        )(),
+        () => {
+            if (!slug.value) return Promise.resolve(null as unknown as PaginatedResponse<IVideoCard>);
+
+            return useApiFetcher<PaginatedResponse<IVideoCard>>(
+                stateKey.value,
+                apiMethod,
+                {
+                    page: Number(route.query[ 'page' ]) || 1,
+                    'per-page': perPage,
+                },
+                lang,
+                slug.value
+            )();
+        },
         {
             watch: [() => route.query.page],
         }

package/package.json

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

package/runtime/utils/server/server-api-helper.ts

@@ -1,29 +1,17 @@
 import type { H3Event } from "h3";
+import { getHeaders } from "h3";
+import type { FetchOptions } from "ofetch";
 
-/** Класс для работы с серверным API (бекенд) */
 export class ServerApiHelper {
-  /**
-   * Универсальный метод для запросов к бэкенду
-   * Использует $fetch → на сервере вызывает внутренние маршруты напрямую (без сети)
-   */
-  public static async fetch<T>(
-    url: string,
-    event: H3Event,
-    requestOptions: RequestInit = {}
-  ): Promise<T> {
-    try {
-      const response = await $fetch(url, {
-        headers: getHeaders(event),
-        ...requestOptions,
-      });
-
-      // Если бэкенд всегда возвращает { data: ... }
-      return response?.data as T;
-
-      // Альтернатива: если иногда просто объект — можно так
-      // return response as T;
-    } catch (err: any) {
-      throw new Error(`Cannot fetch: ${err?.data || err?.message || err}`);
+    public static async fetch<T>(url: string, event: H3Event, requestOptions?: FetchOptions): Promise<T> {
+        try {
+            const response = await $fetch<{ data: T }>(url, {
+                headers: getHeaders(event),
+                ...requestOptions,
+            });
+            return response.data;
+        } catch (error: any) {
+            throw new Error(`Cannot fetch ${url}: ${error?.data ?? error?.message ?? error}`);
+        }
     }
-  }
 }