itube-specs 0.0.888 → 0.0.890

package/assets/icons/common/clock.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m11-4a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6v6l4 2"/><circle cx="12" cy="12" r="10"/></svg>

package/assets/icons/common/heart-stroke.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m18.271 13.77 1.813-1.813a4.121 4.121 0 1 0-5.828-5.829l-1.722 1.696zM3.946 12.403c-1.65-1.712-1.65-4.487 0-6.198a4.116 4.116 0 0 1 5.973 0l7.832 8.128-3.583 3.719a3.29 3.29 0 0 1-4.778 0z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-5 h-5" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>

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.888",
+  "version": "0.0.890",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {

package/pages/library.vue

@@ -176,7 +176,7 @@ const newTotal = computed(() => libraryStub.newModels + libraryStub.newChannels
 const collections = computed<LibraryLink[]>(() => [
   {
     to: generateLink('/favorites'),
-    icon: 'heart',
+    icon: 'heart-stroke',
     title: t('favorites'),
     subtitle: t('plural.videos', libraryStub.favorites),
   },
@@ -206,7 +206,7 @@ const collections = computed<LibraryLink[]>(() => [
 const following = computed<LibraryLink[]>(() => [
   {
     to: generateLink('/models'),
-    icon: 'user-group',
+    icon: 'user',
     title: t('models'),
     subtitle: t('plural.models', libraryStub.models),
     badge: t('library.new_count', { count: libraryStub.newModels }),

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);