itube-specs 0.0.795 → 0.0.796

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

@@ -5,40 +5,40 @@ import { useRoute } from 'vue-router';
 import type { IVideoCard, PaginatedResponse } from '../../types';
 
 export const useFetchVideosByTag = async (apiMethod: (...args: any[]) => Promise<PaginatedResponse<IVideoCard>>) => {
-    const route = useRoute();
-    const lang = useLang() as Language;
-    const mobile = !!useState<boolean>('isMobile').value;
-    const perPage = mobile ? 12 : 48;
-    const slug = useSlug('tag');
-    const filters = computed(() => useGetVideosFilterRequest(route, selectDurationItems, selectAddedItems));
-    const key = AsyncData.VideosByTag;
-    const stateKey = computed(() => `data-${key}-${slug.value}-${JSON.stringify(route.query)}-${lang}`);
+  const route = useRoute();
+  const lang = useLang() as Language;
+  const mobile = !!useState<boolean>('isMobile').value;
+  const perPage = mobile ? 12 : 48;
+  const slug = useSlug('tag');
+  const filters = computed(() => useGetVideosFilterRequest(route, selectDurationItems, selectAddedItems));
+  const key = AsyncData.VideosByTag;
+  const stateKey = computed(() => `data-${key}-${slug.value}-${JSON.stringify(route.query)}-${lang}`);
 
-    const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
-        stateKey.value,
-        () => useApiFetcher<PaginatedResponse<IVideoCard>>(
-            stateKey.value,
-            apiMethod,
-            {
-                page: Number(route.query['page']) || 1,
-                'per-page': perPage,
-            },
-            filters.value,
-            slug.value,
-            lang,
-            getSelectedQuery(route, sortItemsDefault) || '-popularity'
-        )(),
-        {
-            watch: [
-                () => {
-                    if (route.query) {
-                        const currentQuery = route.query;
-                        return JSON.stringify(currentQuery);
-                    }
-                },
-            ],
-        }
-    );
+  const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
+    stateKey.value,
+    () => useApiFetcher<PaginatedResponse<IVideoCard>>(
+      stateKey.value,
+      apiMethod,
+      {
+        page: Number(route.query['page']) || 1,
+        'per-page': perPage,
+      },
+      filters.value,
+      slug.value,
+      lang,
+      getSelectedQuery(route, sortItemsDefault) || '-popularity'
+    )(),
+    {
+      watch: [
+        () => {
+          if (route.query) {
+            const currentQuery = route.query;
+            return JSON.stringify(currentQuery);
+          }
+        },
+      ],
+    }
+  );
 
-    return { data, status, error };
+  return { data, status, error };
 };

package/composables/fetch/use-fetch-videos-search-by-niche.ts

@@ -4,38 +4,38 @@ import type { IVideoCard, PaginatedResponse } from '../../types';
 import { useRoute } from 'vue-router';
 
 export const useFetchVideosSearchByNiche = async (apiMethod: (...args: any[]) => Promise<PaginatedResponse<IVideoCard>>) => {
-    const lang = useLang() as Language;
-    const mobile = !!useState<boolean>('isMobile').value;
-    const perPage = mobile ? 12 : 48;
-    const route = useRoute();
-    const slug = useSlug();
-    const key = AsyncData.VideosBySearch;
-    const stateKey = computed(() => `data-${key}-${slug.value}-${JSON.stringify(route.query)}-${lang}`);
+  const lang = useLang() as Language;
+  const mobile = !!useState<boolean>('isMobile').value;
+  const perPage = mobile ? 12 : 48;
+  const route = useRoute();
+  const slug = useSlug();
+  const key = AsyncData.VideosBySearch;
+  const stateKey = computed(() => `data-${key}-${slug.value}-${JSON.stringify(route.query)}-${lang}`);
 
-    const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
-        stateKey.value,
-        () => useApiFetcher<PaginatedResponse<IVideoCard>>(
-            stateKey.value,
-            apiMethod,
-            {
-                page: Number(route.query['page']) || 1,
-                'per-page': perPage,
-            },
-            lang,
-            slug.value,
-            '-_score'
-        )(),
-        {
-            watch: [
-                () => {
-                    if (route.query) {
-                        const currentQuery = route.query;
-                        return JSON.stringify(currentQuery);
-                    }
-                },
-            ],
-        }
-    );
+  const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
+    stateKey.value,
+    () => useApiFetcher<PaginatedResponse<IVideoCard>>(
+      stateKey.value,
+      apiMethod,
+      {
+        page: Number(route.query['page']) || 1,
+        'per-page': perPage,
+      },
+      lang,
+      slug.value,
+      '-_score'
+    )(),
+    {
+      watch: [
+        () => {
+          if (route.query) {
+            const currentQuery = route.query;
+            return JSON.stringify(currentQuery);
+          }
+        },
+      ],
+    }
+  );
 
-    return { data, status, error };
+  return { data, status, error };
 };

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

@@ -1,31 +1,31 @@
 /**
- * Возвращает функцию fetchData, вызывающую apiMethod и сохраняющую результат в useState по ключу key.
- * В отличие от useApiFetcher, не кеширует данные — подходит для запросов, требующих свежего состояния.
- * @param key - ключ для useState (null — не сохранять)
- * @param apiMethod - асинхронная функция API
- * @param apiArgs - аргументы для apiMethod
- */
+* Возвращает функцию fetchData, вызывающую apiMethod и сохраняющую результат в useState по ключу key.
+* В отличие от useApiFetcher, не кеширует данные — подходит для запросов, требующих свежего состояния.
+* @param key - ключ для useState (null — не сохранять)
+* @param apiMethod - асинхронная функция API
+* @param apiArgs - аргументы для apiMethod
+*/
 export function useApiFetcherNoCache<T>(
-    key: string | null,
-    apiMethod: (...args: any[]) => Promise<T>,
-    ...apiArgs: any[]
+  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;
+  return async function fetchData() {
+    const hasKey = key?.trim();
+    const state = hasKey ? useState<T | null>(key!, () => null) : null;
 
-        try {
-            const result = await apiMethod(...apiArgs);
+    try {
+      const result = await apiMethod(...apiArgs);
 
-            if (state) state.value = result;
+      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',
-            });
-        }
-    };
+      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-api-fetcher.ts

@@ -1,23 +1,23 @@
 /**
- * Возвращает функцию fetchData, вызывающую apiMethod с переданными аргументами и оборачивающую ошибки в createError.
- * @param key - ключ для идентификации запроса в сообщении об ошибке
- * @param apiMethod - асинхронная функция API
- * @param apiArgs - аргументы для apiMethod
- */
+* Возвращает функцию fetchData, вызывающую apiMethod с переданными аргументами и оборачивающую ошибки в createError.
+* @param key - ключ для идентификации запроса в сообщении об ошибке
+* @param apiMethod - асинхронная функция API
+* @param apiArgs - аргументы для apiMethod
+*/
 export function useApiFetcher<T>(
-    key: string | null,
-    apiMethod: (...args: any[]) => Promise<T>,
-    ...apiArgs: any[]
+  key: string | null,
+  apiMethod: (...args: any[]) => Promise<T>,
+  ...apiArgs: any[]
 ) {
-    return async function fetchData() {
-        try {
-            return await apiMethod(...apiArgs);
-        } catch (err) {
-            throw createError({
-                statusCode: 500,
-                statusMessage: `Error fetching ${key}`,
-                message: err instanceof Error ? err.message : 'An unknown error occurred',
-            });
-        }
-    };
+  return async function fetchData() {
+    try {
+      return await apiMethod(...apiArgs);
+    } catch (err) {
+      throw createError({
+        statusCode: 500,
+        statusMessage: `Error fetching ${key}`,
+        message: err instanceof Error ? err.message : 'An unknown error occurred',
+      });
+    }
+  };
 }

package/composables/use-get-videos-filter-request.ts

@@ -3,35 +3,35 @@ import type { ISelectItem } from '../types';
 import type { RouteLocationNormalized, RouteLocationNormalizedLoaded } from 'vue-router';
 
 /**
- * Формирует объект параметров запроса фильтра видео из query текущего маршрута.
- * @param route - текущий маршрут
- * @param selectDurationItems - элементы выбора длительности
- * @param selectAddedItems - элементы выбора даты добавления
- */
+* Формирует объект параметров запроса фильтра видео из query текущего маршрута.
+* @param route - текущий маршрут
+* @param selectDurationItems - элементы выбора длительности
+* @param selectAddedItems - элементы выбора даты добавления
+*/
 export function useGetVideosFilterRequest(route: RouteLocationNormalized | RouteLocationNormalizedLoaded, selectDurationItems: ISelectItem[], selectAddedItems: ISelectItem[]) {
-    // Распарсим categories из query, если есть
-    const rawCategories = route.query.categories
-        ? (typeof route.query.categories === 'string'
-            ? route.query.categories.split(',')
-            : route.query.categories.flatMap(cat => cat?.split(',')))
-        : [];
+  // Распарсим categories из query, если есть
+  const rawCategories = route.query.categories
+    ? (typeof route.query.categories === 'string'
+      ? route.query.categories.split(',')
+      : route.query.categories.flatMap(cat => cat?.split(',')))
+    : [];
 
-    // Преобразуем из формата 'key_value' в просто 'value'
-    const parsedCategories = rawCategories
-        .map(cat => {
-            const parts = cat?.split('_');
-            if (parts && parts?.length > 1) {
-                return parts?.slice(1).join('_');
-            }
-            return cat;
-        });
+  // Преобразуем из формата 'key_value' в просто 'value'
+  const parsedCategories = rawCategories
+    .map(cat => {
+      const parts = cat?.split('_');
+      if (parts && parts?.length > 1) {
+        return parts?.slice(1).join('_');
+      }
+      return cat;
+    });
 
-    const durationQuery = getMultipleQuery(route, selectDurationItems, 'min_duration', 'max_duration');
-    const addedQuery = getMultipleQuery(route, selectAddedItems, 'min_added', 'max_added');
-    return {
-        ...(parsedCategories.length > 0 ? { categories: parsedCategories } : {}),
-        'categories_filter_use_and': true,
-        ...durationQuery,
-        ...addedQuery,
-    };
+  const durationQuery = getMultipleQuery(route, selectDurationItems, 'min_duration', 'max_duration');
+  const addedQuery = getMultipleQuery(route, selectAddedItems, 'min_added', 'max_added');
+  return {
+    ...(parsedCategories.length > 0 ? { categories: parsedCategories } : {}),
+    'categories_filter_use_and': true,
+    ...durationQuery,
+    ...addedQuery,
+  };
 }

package/composables/use-lang.ts

@@ -1,11 +1,11 @@
 /** Возвращает код текущей локали с учётом алиасов (zh → ch).
- * Локаль берётся из глобального инстанса i18n (`useNuxtApp().$i18n`), а не из `useI18n()`,
- * чтобы функцию можно было безопасно вызывать вне setup-контекста (watch/async-колбэки):
- * `useI18n()` вне setup кидает MUST_BE_CALL_SETUP_TOP. */
+* Локаль берётся из глобального инстанса i18n (`useNuxtApp().$i18n`), а не из `useI18n()`,
+* чтобы функцию можно было безопасно вызывать вне setup-контекста (watch/async-колбэки):
+* `useI18n()` вне setup кидает MUST_BE_CALL_SETUP_TOP. */
 export const useLang = () => {
-    const lang = useNuxtApp().$i18n.locale.value;
-    const anotherCode: Record<string, string> = {
-        zh: 'ch',
-    };
-    return anotherCode[lang] || lang;
+  const lang = useNuxtApp().$i18n.locale.value;
+  const anotherCode: Record<string, string> = {
+    zh: 'ch',
+  };
+  return anotherCode[lang] || lang;
 };

package/composables/use-meta.ts

@@ -4,67 +4,67 @@ import { useRoute } from 'vue-router';
 import type { IChipsItem } from '../types';
 
 /**
- * Генерирует реактивные meta (title, description) и h1 с учётом сортировки, страницы и i18n-ключей.
- * @param t - функция перевода (i18n)
- * @param page - ключ страницы для i18n (например 'videos', 'models')
- * @param brandName - название бренда для подстановки в мета
- * @param sortOptions - опции сортировки (если есть)
- * @param text - основной текст (slug, имя и т.д.)
- * @param secondText - второй подставляемый текст
- * @param thirdText - третий подставляемый текст
- * @param fourthText - четвёртый подставляемый текст
- */
+* Генерирует реактивные meta (title, description) и h1 с учётом сортировки, страницы и i18n-ключей.
+* @param t - функция перевода (i18n)
+* @param page - ключ страницы для i18n (например 'videos', 'models')
+* @param brandName - название бренда для подстановки в мета
+* @param sortOptions - опции сортировки (если есть)
+* @param text - основной текст (slug, имя и т.д.)
+* @param secondText - второй подставляемый текст
+* @param thirdText - третий подставляемый текст
+* @param fourthText - четвёртый подставляемый текст
+*/
 export function useMeta(t: (key: string, params?: Record<string, unknown>) => string, page: string, brandName: string, sortOptions?: IChipsItem[], text?: Ref<string>, secondText?: Ref<string>, thirdText?: Ref<string>, fourthText?: Ref<string>) {
-    const route = useRoute();
+  const route = useRoute();
 
-    const sortType = computed(() => {
-        const values = sortOptions?.map(item => item.value);
-        const queryValue = String(route?.query?.['sort']);
-        const DEFAULT_VALUE = 'trending';
-        return queryValue && values?.includes(queryValue) ? queryValue : DEFAULT_VALUE;
-    });
+  const sortType = computed(() => {
+    const values = sortOptions?.map(item => item.value);
+    const queryValue = String(route?.query?.['sort']);
+    const DEFAULT_VALUE = 'trending';
+    return queryValue && values?.includes(queryValue) ? queryValue : DEFAULT_VALUE;
+  });
 
-    function getPath(key: string) {
-        const plainSlug = unref(text);
-        const secondTextValue = unref(secondText);
-        const thirdTextValue = unref(thirdText);
-        const fourTextValue = unref(fourthText);
-        const pageNumber = computed(() => route.query?.['page'] ? Number(route.query['page']) : 1);
-        const pageText = unref(pageNumber) === 1 ? null : ` ${t('page')} ${unref(pageNumber)}`;
+  function getPath(key: string) {
+    const plainSlug = unref(text);
+    const secondTextValue = unref(secondText);
+    const thirdTextValue = unref(thirdText);
+    const fourTextValue = unref(fourthText);
+    const pageNumber = computed(() => route.query?.['page'] ? Number(route.query['page']) : 1);
+    const pageText = unref(pageNumber) === 1 ? null : ` ${t('page')} ${unref(pageNumber)}`;
 
-        return t(
-            `meta.${page}.${sortOptions && sortOptions.length > 0 ? `${sortType.value}.` : ''}${key}`,
-            {
-                text: plainSlug,
-                secondText: secondTextValue,
-                thirdText: thirdTextValue,
-                fourText: fourTextValue,
-                brandName: `| ${brandName}`, //черточка '|' нужна обязательно
-                page: pageText,
-            }
-        );
-    }
+    return t(
+      `meta.${page}.${sortOptions && sortOptions.length > 0 ? `${sortType.value}.` : ''}${key}`,
+      {
+        text: plainSlug,
+        secondText: secondTextValue,
+        thirdText: thirdTextValue,
+        fourText: fourTextValue,
+        brandName: `| ${brandName}`, //черточка '|' нужна обязательно
+        page: pageText,
+      }
+    );
+  }
 
-    const metaTitle = computed(() => getPath('title'));
-    const h1 = computed(() => getPath('h1'));
+  const metaTitle = computed(() => getPath('title'));
+  const h1 = computed(() => getPath('h1'));
 
-    const meta = computed(() => {
-        const description = getPath('meta_description');
-
-        return {
-            title: metaTitle.value,
-            meta: [
-                { name: 'description', content: description },
-                { property: 'og:title', content: metaTitle.value },
-                { property: 'og:description', content: description },
-                { name: 'twitter:title', content: metaTitle.value },
-                { name: 'twitter:description', content: description },
-            ],
-        };
-    });
+  const meta = computed(() => {
+    const description = getPath('meta_description');
 
     return {
-        meta,
-        h1,
+      title: metaTitle.value,
+      meta: [
+        { name: 'description', content: description },
+        { property: 'og:title', content: metaTitle.value },
+        { property: 'og:description', content: description },
+        { name: 'twitter:title', content: metaTitle.value },
+        { name: 'twitter:description', content: description },
+      ],
     };
+  });
+
+  return {
+    meta,
+    h1,
+  };
 }

package/composables/use-noindex.ts

@@ -1,11 +1,11 @@
 /**
- * Помечает страницу как noindex для поисковиков (ссылки при этом проходятся — follow).
- * Для приватных/служебных страниц и результатов внутреннего поиска.
- */
+* Помечает страницу как noindex для поисковиков (ссылки при этом проходятся — follow).
+* Для приватных/служебных страниц и результатов внутреннего поиска.
+*/
 export function useNoindex() {
-    useHead({
-        meta: [
-            { name: 'robots', content: 'noindex, follow' },
-        ],
-    });
+  useHead({
+    meta: [
+      { name: 'robots', content: 'noindex, follow' },
+    ],
+  });
 }

package/composables/use-report-popup.ts

@@ -2,26 +2,26 @@ import type { IVideoCard } from '../types';
 
 /** Управляет состоянием попапа жалобы на видео. */
 export const useReportPopup = () => {
-    const isReportPopupOpen = useState('report-popup-open', () => false);
-    const reportedVideoCard = useState<IVideoCard>('report-popup-card', () => ({} as IVideoCard));
-    const onBack = useState<(() => void) | null>('report-popup-on-back', () => null);
+  const isReportPopupOpen = useState('report-popup-open', () => false);
+  const reportedVideoCard = useState<IVideoCard>('report-popup-card', () => ({} as IVideoCard));
+  const onBack = useState<(() => void) | null>('report-popup-on-back', () => null);
 
-    const openReportPopup = (card: IVideoCard, onBackCallback?: () => void) => {
-        isReportPopupOpen.value = true;
-        reportedVideoCard.value = card;
-        onBack.value = onBackCallback ?? null;
-    };
+  const openReportPopup = (card: IVideoCard, onBackCallback?: () => void) => {
+    isReportPopupOpen.value = true;
+    reportedVideoCard.value = card;
+    onBack.value = onBackCallback ?? null;
+  };
 
-    const closeReportPopup = () => {
-        isReportPopupOpen.value = false;
-        onBack.value = null;
-    };
+  const closeReportPopup = () => {
+    isReportPopupOpen.value = false;
+    onBack.value = null;
+  };
 
-    return {
-        isReportPopupOpen,
-        openReportPopup,
-        closeReportPopup,
-        reportedVideoCard,
-        onBack,
-    };
+  return {
+    isReportPopupOpen,
+    openReportPopup,
+    closeReportPopup,
+    reportedVideoCard,
+    onBack,
+  };
 };