itube-specs 0.0.889 → 0.0.890

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

@@ -6,8 +6,8 @@ import { useRoute } from 'vue-router';
 
 export const useFetchVideos = async (
     apiMethod: (...args: any[]) => Promise<PaginatedResponse<IVideoCard>>,
-    // defaultOrder: null — сортировка не уходит в запрос, пока её не выбрали явно (выдача поиска)
-    { sortItems = sortItemsDefault, defaultOrder = '-country_order' }: { sortItems?: INavLinkItem[], defaultOrder?: string | null } = {}
+    // defaultOrder всегда непустой: в запрос уходит либо выбранная сортировка, либо дефолтная
+    { sortItems = sortItemsDefault, defaultOrder = '-country_order' }: { sortItems?: INavLinkItem[], defaultOrder?: string } = {}
 ) => {
     const route = useRoute();
 
@@ -16,11 +16,14 @@ export const useFetchVideos = async (
     const lang = useLang() as Language;
     const filters = computed(() => useGetVideosFilterRequest(route, selectDurationItems, selectAddedItems));
     const key = AsyncData.Videos;
-    const stateKey = computed(() => `data-${key}-${JSON.stringify(route.query)}-${lang}`);
+    const stateKey = computed(() => `data-${key}-${route.path}-${JSON.stringify(route.query)}-${lang}`);
 
-    // Ключ уникален на query+lang (не константа AsyncData.Videos): иначе главная делит один
-    // кэш-слот между разными query (page/sort/фильтры) и при возврате на неё отдаётся кэш от
-    // другого состояния вместо свежего фетча (мигает «нет данных»/пустой грид).
+    // Ключ уникален на path+query+lang (не константа AsyncData.Videos): иначе, во-первых, главная
+    // делит один кэш-слот между разными query (page/sort/фильтры) и при возврате на неё отдаётся
+    // кэш от другого состояния вместо свежего фетча (мигает «нет данных»/пустой грид); во-вторых,
+    // главная и /search/{slug}/videos (обе на useFetchVideos, но с разными apiMethod) сходятся в
+    // один ключ — Nuxt оставляет обработчик, зарегистрированный первым, и на главную приходит
+    // выдача video-search-by-niche.
     const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
         stateKey.value,
         () => useApiFetcher<PaginatedResponse<IVideoCard>>(
@@ -32,7 +35,7 @@ export const useFetchVideos = async (
                 ['per-page']: perPage,
             },
             filters.value,
-            getSelectedQuery(route, sortItems) || defaultOrder || undefined
+            getSelectedQuery(route, sortItems) || defaultOrder
         )(),
         {
             watch: [

package/lib/scheme/sort-items-search.ts

@@ -1,11 +1,12 @@
 import type { INavLinkItem } from '../../types';
 
-/** Сортировки выдачи поиска: релевантность (без order — порядок отдаёт бэкенд) + те же new/longest. */
+/** Сортировки выдачи поиска: релевантность (-_score) + те же new/longest. */
 export const sortItemsSearch: Array<INavLinkItem> = [
   {
     title: 'sort.relevant',
     value: 'relevant',
     key: 'sort',
+    query: '-_score',
   },
   {
     title: 'sort.new',

package/package.json

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

package/pages/search/[slug]/videos.vue

@@ -34,7 +34,7 @@ const { t } = useI18n();
 const [
   { data: videosData, status: videosStatus },
 ] = await Promise.all([
-  useFetchVideos(VideosApiService.getSearchByNicheFiltered(slug.value), { sortItems: sortItemsSearch, defaultOrder: null }),
+  useFetchVideos(VideosApiService.getSearchByNicheFiltered(slug.value), { sortItems: sortItemsSearch, defaultOrder: '-_score' }),
 ]);
 
 useNoindexThinListing(() => videosData.value?.items?.length);