itube-specs 0.0.847 → 0.0.849

package/components/info/grid.vue

@@ -161,6 +161,16 @@ function isWarning(value: string) {
 .info-grid__item.--link .info-grid__item-value {
   background-color: $info-grid-item-value-bg--link;
   color: $info-grid-item-value--link;
+
+  @include from-br(sm) {
+    transition: var(--transition) background-color;
+  }
+}
+
+.info-grid__item.--link:is(:hover, :focus-visible) .info-grid__item-value {
+  @include from-br(sm) {
+    background-color: $info-grid-item-value-link-bg--hover;
+  }
 }
 
 .info-grid__item:not(.--link) .info-grid__item-value {

package/composables/use-noindex.ts

@@ -1,13 +1,29 @@
+/** Минимум элементов в листинге, при котором страницу ещё имеет смысл индексировать. */
+export const MIN_INDEXABLE_ITEMS = 5;
+
 /**
 * Помечает страницу как noindex для поисковиков (ссылки при этом проходятся — follow).
-* Для приватных/служебных страниц и результатов внутреннего поиска.
+* Для приватных/служебных страниц, результатов внутреннего поиска и «тонких» листингов.
+* Условие реактивное: пока оно false, тег не выпускается и hreflang-кластер остаётся.
+*/
+export function useNoindex(when: MaybeRefOrGetter<boolean> = true) {
+  const isNoindex = computed(() => toValue(when));
+
+  useHead(() => ({
+    meta: isNoindex.value
+      ? [{ name: 'robots', content: 'noindex, follow' }]
+      : [],
+  }));
+
+  useSetSeoOverride(() => ({ noindex: isNoindex.value }));
+}
+
+/**
+* Закрывает от индексации «тонкий» листинг — страницу, где основных элементов
+* (роликов, а на листинге моделей — моделей) меньше порога. Считается по фактически
+* выданным на этом URL элементам, поэтому хвост пагинации и пустые выборки
+* по фильтрам тоже уходят в noindex.
 */
-export function useNoindex() {
-  useHead({
-    meta: [
-      { name: 'robots', content: 'noindex, follow' },
-    ],
-  });
-
-  useSetSeoOverride(() => ({ noindex: true }));
+export function useNoindexThinListing(count: MaybeRefOrGetter<number | undefined>) {
+  useNoindex(() => (toValue(count) ?? 0) < MIN_INDEXABLE_ITEMS);
 }

package/package.json

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

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

@@ -127,8 +127,6 @@ const featureFlags = useRuntimeConfig().public.featureFlags;
 
 const slug = useSlug();
 
-useNoindex();
-
 const [
   { data: modelsData },
   { data: categoriesData },
@@ -140,6 +138,8 @@ const [
   useFetchVideosSearchByNiche(VideosApiService.getSearchByNiche),
   useFetchRelatedSearch(SearchApiService.getPhrases),
 ]);
+
+useNoindexThinListing(() => videosData.value?.items?.length);
 const { t } = useI18n();
 const { generateLink } = useGenerateLink();
 

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

@@ -26,8 +26,6 @@ import { sortModels } from '../../../lib';
 
 const slug = useSlug();
 
-useNoindex();
-
 const { t } = useI18n();
 const pagePureName = useGetPureRouteName();
 
@@ -37,6 +35,8 @@ const [
   useFetchModelsByPhrases(ModelsApiService.getModelsSearchFiltered(slug.value)),
 ]);
 
+useNoindexThinListing(() => modelsData.value?.items?.length);
+
 const metaTitle = computed(() => convertString().toCapitalize(slug.value));
 
 const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, sortModels, metaTitle);

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

@@ -28,8 +28,6 @@ import { sortItemsDefault } from '../../../lib';
 
 const slug = useSlug();
 
-useNoindex();
-
 const { t } = useI18n();
 
 const [
@@ -38,6 +36,8 @@ const [
   useFetchVideos(VideosApiService.getSearchByNicheFiltered(slug.value)),
 ]);
 
+useNoindexThinListing(() => videosData.value?.items?.length);
+
 const pagePureName = useGetPureRouteName();
 const metaTitle = computed(() => convertString().toCapitalize(slug.value));
 

package/pages/tag/[tag].vue

@@ -42,6 +42,8 @@ const [
   useFetchModelsByTag(ModelsApiService.getListByTag, 100),
 ]);
 
+useNoindexThinListing(() => data.value?.items?.length);
+
 const route = useRoute();
 const slug = computed(() => String(route.params[ 'tag' ]));