itube-specs 0.0.955 → 0.0.956

package/components/webcam/main.vue

@@ -29,12 +29,22 @@
 import type { IStripcashModel, IWebcamsConfig } from '../../types';
 import { WEBCAMS_DEFAULTS } from '../../runtime';
 
-const props = defineProps<{
-  /** Сколько моделей просить у провайдера; по умолчанию — из конфига сайта. */
+const props = withDefaults(defineProps<{
+  /** Сколько тумб показывает сам блок; по умолчанию — из конфига сайта. */
   limit?: number
   /** Категория/тег провайдера — для тематических блоков. */
   category?: string
-}>();
+  /**
+   * Сколько моделей из ХВОСТА списка забирает страница — например под врезки в
+   * сетку видео. Блок просит у провайдера `limit + reserveTail` и показывает
+   * только свою голову, поэтому одни и те же модели не повторяются дважды на
+   * странице (правило старого движка: список приходит один и делится на части).
+   * По умолчанию 0 — блок ведёт себя как раньше.
+   */
+  reserveTail?: number
+}>(), {
+  reserveTail: 0,
+});
 
 /**
  * Клики и показы тумб блок отдаёт наружу: индексы он знает, а вот куда их
@@ -47,11 +57,16 @@ const emit = defineEmits<{
 
 const webcamsConfig = computed(() => (useRuntimeConfig().public.webcamsConfig || {}) as IWebcamsConfig);
 
+const blockLimit = computed(() => props.limit || webcamsConfig.value.limit || WEBCAMS_DEFAULTS.limit);
+
 const { items, counts, isEnabled } = await useFetchWebcams({
-  limit: props.limit || webcamsConfig.value.limit || WEBCAMS_DEFAULTS.limit,
+  limit: blockLimit.value + props.reserveTail,
   category: props.category,
 });
 
+/** Хвост списка отдан странице (врезки в сетку) — блок берёт только свою голову. */
+const blockItems = computed(() => items.value.slice(0, blockLimit.value));
+
 /**
  * Колонок в сетке столько же, сколько в основном гриде сайта на этом
  * брейкпоинте. На сервере ширины нет, поэтому там 0 — «пока не знаем».
@@ -67,9 +82,9 @@ const columns = ref(0);
  */
 const visibleItems = computed<IStripcashModel[]>(() => {
   const cols = columns.value;
-  if (!cols) return items.value;
+  if (!cols) return blockItems.value;
 
-  return items.value.slice(0, Math.floor(items.value.length / cols) * cols);
+  return blockItems.value.slice(0, Math.floor(blockItems.value.length / cols) * cols);
 });
 
 // те же пороги, что у основного грида (`grid-videos`): xs → 3 колонки, md → 4

package/package.json

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