itube-specs 0.0.895 → 0.0.897

package/components/card/video/index.vue

@@ -150,6 +150,8 @@ const { generateLink } = useGenerateLink();
 
 const pageName = useGetPureRouteName();
 const isChannelPage = computed(() => pageName === 'channels-channel');
+const isModelPage = computed(() => pageName.startsWith('models-slug'));
+const isSearchPage = computed(() => pageName.startsWith('search-slug'));
 
 const previewId = useId();
 const { activePreviewId, startPreviewByHover, stopPreviewByHover, startPreviewByTouch } = useVideoPreview();
@@ -193,10 +195,23 @@ const channelLink = computed(() => props.card.channelName
 const slug = useSlug();
 
 const cardTags = computed(() => {
-  const models = props.card.models ? [...props.card.models].filter(item => item.toLowerCase() !== slug.value.toLowerCase()) : [];
+  const query = slug.value.toLowerCase();
+
+  const models = props.card.models
+      ? [ ...props.card.models ].filter(item => !isModelPage.value || item.toLowerCase() !== query)
+      : [];
+
+  const searchRank = (item: string) => {
+    if (!isSearchPage.value || !query) return 0;
+    const name = item.toLowerCase();
+    if (name === query) return 0;
+    return name.includes(query) ? 1 : 2;
+  };
+
   const sortModels = models.sort((a, b) =>
-      a.localeCompare(b)
+      searchRank(a) - searchRank(b) || a.localeCompare(b)
   );
+
   return sortModels?.map(item => convertString().toChips(item, 'models'));
 });
 </script>

package/composables/use-meta.ts

@@ -1,9 +1,27 @@
-import { computed, unref } from 'vue';
-import type { Ref } from 'vue';
+import { computed, toValue } from 'vue';
+import type { MaybeRefOrGetter } from 'vue';
 import { useRoute } from 'vue-router';
-import type { INavLinkItem } from '../types';
+import type { INavLinkItem, IPageSeo } from '../types';
 
-type MetaOptions = {
+type MetaText = MaybeRefOrGetter<string | undefined>;
+
+type MetaParams = {
+  /** функция перевода (i18n) */
+  t: (key: string, params?: Record<string, unknown>) => string
+  /** ключ страницы в `meta.*` (например 'videos', 'models') */
+  pageKey: string
+  /** название бренда для подстановки в мета */
+  brandName: string
+  /** опции сортировки — задают уровень `meta.<page>.<sort>.*` в ключах */
+  sortOptions?: INavLinkItem[]
+  /** подстановка `{text}` — основной текст (slug, имя и т.д.) */
+  text?: MetaText
+  /** подстановка `{secondText}` */
+  secondText?: MetaText
+  /** подстановка `{thirdText}` */
+  thirdText?: MetaText
+  /** подстановка `{fourText}` */
+  fourthText?: MetaText
   /**
    * Подменяет i18n-ключ заголовка (по умолчанию 'h1') — вызывается с фактической
    * сортировкой, потому что варианты заголовка есть не у каждой из них.
@@ -11,21 +29,19 @@ type MetaOptions = {
    * висячий предлог (`… Videos in ` без страны).
    */
   h1Key?: (sortType: string) => string
+  /**
+   * Мета от API (поле `seo` в ответе листинга). Каждое непустое поле перебивает
+   * свой i18n-шаблон; чего API не отдал — остаётся на i18n. Бренд бэкенд уже
+   * подставляет сам, а номер страницы — нет, поэтому суффикс пагинации
+   * дописываем здесь.
+   */
+  seo?: MaybeRefOrGetter<IPageSeo | null | undefined>
 };
 
 /**
 * Генерирует реактивные 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 - четвёртый подставляемый текст
-* @param options - уточнения (подмена ключа h1)
 */
-export function useMeta(t: (key: string, params?: Record<string, unknown>) => string, page: string, brandName: string, sortOptions?: INavLinkItem[], text?: Ref<string>, secondText?: Ref<string>, thirdText?: Ref<string>, fourthText?: Ref<string>, options?: MetaOptions) {
+export function useMeta({ t, pageKey, brandName, sortOptions, text, secondText, thirdText, fourthText, h1Key, seo }: MetaParams) {
   const route = useRoute();
 
   const sortType = computed(() => {
@@ -36,37 +52,60 @@ export function useMeta(t: (key: string, params?: Record<string, unknown>) => st
     return queryValue && values?.includes(queryValue) ? queryValue : defaultValue;
   });
 
+  const pageSuffix = computed(() => {
+    const pageNumber = route.query?.['page'] ? Number(route.query['page']) : 1;
+    return pageNumber === 1 ? '' : ` ${t('page')} ${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)}`;
+    const pageText = pageSuffix.value;
 
     return t(
-      `meta.${page}.${sortOptions && sortOptions.length > 0 ? `${sortType.value}.` : ''}${key}`,
+      `meta.${pageKey}.${sortOptions && sortOptions.length > 0 ? `${sortType.value}.` : ''}${key}`,
       {
-        text: plainSlug,
-        secondText: secondTextValue,
-        thirdText: thirdTextValue,
-        fourText: fourTextValue,
+        text: toValue(text),
+        secondText: toValue(secondText),
+        thirdText: toValue(thirdText),
+        fourText: toValue(fourthText),
         brandName: `| ${brandName}`, //черточка '|' нужна обязательно
         page: pageText,
       }
     );
   }
 
-  const metaTitle = computed(() => getPath('title'));
-  const h1 = computed(() => getPath(options?.h1Key?.(sortType.value) || 'h1'));
+  const apiSeo = computed(() => toValue(seo) || null);
+
+  /**
+   * Дописывает « Page N» так же, как это делают i18n-шаблоны — перед брендом,
+   * который бэкенд уже приклеил через `|`.
+   */
+  function withPageSuffix(value: string) {
+    const suffix = pageSuffix.value;
+    if (!suffix) return value;
+
+    const brandIndex = value.lastIndexOf(' | ');
+    return brandIndex === -1
+      ? `${value}${suffix}`
+      : `${value.slice(0, brandIndex)}${suffix}${value.slice(brandIndex)}`;
+  }
+
+  const metaTitle = computed(() => {
+    const apiTitle = apiSeo.value?.title;
+    return apiTitle ? withPageSuffix(apiTitle) : getPath('title');
+  });
+
+  const h1 = computed(() => apiSeo.value?.h1 || getPath(h1Key?.(sortType.value) || 'h1'));
 
   const meta = computed(() => {
-    const description = getPath('meta_description');
+    const apiDescription = apiSeo.value?.description;
+    const description = apiDescription ? `${apiDescription}${pageSuffix.value}` : getPath('meta_description');
+    const keywords = apiSeo.value?.keywords;
 
     return {
       title: metaTitle.value,
       meta: [
         { name: 'description', content: description },
+        ...(keywords ? [{ name: 'keywords', content: keywords }] : []),
         { property: 'og:title', content: metaTitle.value },
         { property: 'og:description', content: description },
         { name: 'twitter:title', content: metaTitle.value },

package/package.json

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

package/pages/2257.vue

@@ -64,7 +64,7 @@ const { t } = useI18n();
 const { generateLink } = useGenerateLink();
 const pagePureName = useGetPureRouteName();
 const { brandName, emails } = useAppConfig();
-const { meta, h1 } = useMeta(t, pagePureName, brandName);
+const { meta, h1 } = useMeta({ t, pageKey: pagePureName, brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/categories/all.vue

@@ -68,7 +68,7 @@ const [
 ]);
 
 const pagePureName = useGetPureRouteName();
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName);
+const { meta, h1 } = useMeta({ t, pageKey: pagePureName, brandName: useAppConfig().brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/categories/index.vue

@@ -69,7 +69,7 @@ const { t } = useI18n();
 const { generateLink } = useGenerateLink();
 
 const pagePureName = useGetPureRouteName();
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName);
+const { meta, h1 } = useMeta({ t, pageKey: pagePureName, brandName: useAppConfig().brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/categories/letter/[slug].vue

@@ -59,7 +59,13 @@ const slug = computed(() => route.params[ 'slug' ] as string || '');
 
 const pagePureName = useGetPureRouteName();
 const metaTitle = computed(() => convertString().toCapitalize(slug.value));
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, [], metaTitle);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: [],
+  text: metaTitle,
+});
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/channels/[channel].vue

@@ -117,7 +117,14 @@ const routeQueryCategories = computed(() => {
 
 const {
   meta
-} = useMeta(t, pageName, useAppConfig().brandName, sortItemsDefault, metaTitle, routeQueryCategories);
+} = useMeta({
+  t,
+  pageKey: pageName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortItemsDefault,
+  text: metaTitle,
+  secondText: routeQueryCategories,
+});
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/channels/index.vue

@@ -102,7 +102,12 @@ const items = computed(() => {
 });
 
 const pagePureName = useGetPureRouteName();
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, sortChannels);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortChannels,
+});
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/confirm/registration/[token].vue

@@ -61,7 +61,7 @@ onMounted(() => {
 });
 
 const pagePureName = useGetPureRouteName();
-const { meta } = useMeta(t, pagePureName, useAppConfig().brandName);
+const { meta } = useMeta({ t, pageKey: pagePureName, brandName: useAppConfig().brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/contacts.vue

@@ -280,7 +280,7 @@ watch(() => route.query, (value) => {
 const placeholder = computed(() => t('contacts.type_here'));
 
 const pagePureName = useGetPureRouteName();
-const { meta } = useMeta(t, pagePureName, useAppConfig().brandName);
+const { meta } = useMeta({ t, pageKey: pagePureName, brandName: useAppConfig().brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/dmca.vue

@@ -122,7 +122,7 @@ const { t } = useI18n();
 const { generateLink } = useGenerateLink();
 const pagePureName = useGetPureRouteName();
 const { brandName, emails } = useAppConfig();
-const { meta, h1 } = useMeta(t, pagePureName, brandName);
+const { meta, h1 } = useMeta({ t, pageKey: pagePureName, brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/index.vue

@@ -69,18 +69,16 @@ const isCountryShown = computed(() => !route.query['sort'] && !!clientCountry.na
 
 const countryName = computed(() => (isCountryShown.value ? clientCountry.name.value : ''));
 
-const { meta, h1 } = useMeta(
+const { meta, h1 } = useMeta({
   t,
-  pageName,
-  useAppConfig().brandName,
-  sortItemsDefault,
-  routeQueryCategories,
-  countryName,
-  undefined,
-  undefined,
+  pageKey: pageName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortItemsDefault,
+  text: routeQueryCategories,
+  secondText: countryName,
   // Страну не определили — берём заголовок без неё, иначе останется висячий предлог.
-  { h1Key: sortType => (sortType === 'trending' && !countryName.value ? 'h1_no_country' : 'h1') },
-);
+  h1Key: sortType => (sortType === 'trending' && !countryName.value ? 'h1_no_country' : 'h1'),
+});
 
 const countryFlagImg = computed(() => (isCountryShown.value ? clientCountry.flagSrc.value : undefined));
 

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

@@ -68,7 +68,15 @@ const channelRoute = String(route.params[ 'channel' ]);
 const channelSlug = computed(() => convertString().fromSlug(channelRoute));
 const text = computed(() => `${metaTitle.value} ${convertString().toCapitalize(channelSlug.value)}`);
 
-const { meta, h1 } = useMeta(t, pageName, useAppConfig().brandName, sortItemsDefault, text, routeQueryCategories);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pageName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortItemsDefault,
+  text,
+  secondText: routeQueryCategories,
+  seo: () => cardInfo.value?.seo,
+});
 
 const breadcrumbs: IBreadcrumbItem[] = [
   {

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

@@ -74,7 +74,15 @@ const routeQueryCategories = computed(() => {
   return '';
 });
 
-const { meta, h1 } = useMeta(t, pageName, useAppConfig().brandName, sortItemsDefault, metaTitle, routeQueryCategories);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pageName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortItemsDefault,
+  text: metaTitle,
+  secondText: routeQueryCategories,
+  seo: () => cardInfo.value?.seo,
+});
 
 const breadcrumbs: IBreadcrumbItem[] = [
   {

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

@@ -65,7 +65,16 @@ const routeQueryCategories = computed(() => {
   return '';
 });
 
-const { meta, h1 } = useMeta(t, pageName, useAppConfig().brandName, sortItemsDefault, metaTitle, routeQueryCategories, tagSlug);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pageName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortItemsDefault,
+  text: metaTitle,
+  secondText: routeQueryCategories,
+  thirdText: tagSlug,
+  seo: () => cardInfo.value?.seo,
+});
 
 const breadcrumbs: IBreadcrumbItem[] = [
   {

package/pages/models/index.vue

@@ -69,7 +69,13 @@ if (models.value?.items) {
   models.value.items = applyTestImages(models.value.items)!;
 }
 
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, sortModels);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortModels,
+  seo: () => models.value?.seo,
+});
 
 watchEffect(() => {
   useHead(meta.value);

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

@@ -39,7 +39,14 @@ const [
   useFetchModelsByLetter(ModelsApiService.getListByNicheAndLetter),
 ]);
 
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, sortModels, metaTitle);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortModels,
+  text: metaTitle,
+  seo: () => models.value?.seo,
+});
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/playlists/[playlistId]/[slug].vue

@@ -107,7 +107,15 @@ const pagePureName = useGetPureRouteName();
 const title = computed(() => videoData.value?.title || '');
 const description = computed(() => videoData.value?.description || '');
 const playlistName = computed(() => playlistsData.value?.name);
-const { meta } = useMeta(t, pagePureName, useAppConfig().brandName, [], title, playlistName, description);
+const { meta } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: [],
+  text: title,
+  secondText: playlistName,
+  thirdText: description,
+});
 
 watchEffect(() => {
   if (videoData.value?.title) {

package/pages/playlists/index.vue

@@ -120,7 +120,12 @@ watch(
 const { t } = useI18n();
 
 const pagePureName = useGetPureRouteName();
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, sortPlaylists);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortPlaylists,
+});
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/policy.vue

@@ -182,7 +182,7 @@
 const { t } = useI18n();
 const pagePureName = useGetPureRouteName();
 const { brandName, emails } = useAppConfig();
-const { meta, h1 } = useMeta(t, pagePureName, brandName);
+const { meta, h1 } = useMeta({ t, pageKey: pagePureName, brandName });
 
 watchEffect(() => {
   useHead(meta.value);

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

@@ -194,7 +194,13 @@ const relatedSearchesItems = computed(() => relatedSearch.value && typeof relate
 const pagePureName = useGetPureRouteName();
 const metaTitle = computed(() => convertString().toCapitalize(slug.value));
 
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, [], metaTitle);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: [],
+  text: metaTitle,
+});
 
 watchEffect(() => {
   if (slug) {

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

@@ -39,7 +39,13 @@ useNoindexThinListing(() => modelsData.value?.items?.length);
 
 const metaTitle = computed(() => convertString().toCapitalize(slug.value));
 
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, sortModels, metaTitle);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortModels,
+  text: metaTitle,
+});
 
 watchEffect(() => {
   if (slug) {

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

@@ -42,7 +42,13 @@ useNoindexThinListing(() => videosData.value?.items?.length);
 const pagePureName = useGetPureRouteName();
 const metaTitle = computed(() => convertString().toCapitalize(slug.value));
 
-const { meta, h1 } = useMeta(t, pagePureName, useAppConfig().brandName, sortItemsSearch, metaTitle);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortItemsSearch,
+  text: metaTitle,
+});
 
 watchEffect(() => {
   if (slug) {

package/pages/tag/[tag].vue

@@ -58,7 +58,14 @@ const routeQueryCategories = computed(() => {
   return '';
 });
 
-const { meta, h1 } = useMeta(t, pageName, useAppConfig().brandName, sortItemsDefault, metaTitle, routeQueryCategories);
+const { meta, h1 } = useMeta({
+  t,
+  pageKey: pageName,
+  brandName: useAppConfig().brandName,
+  sortOptions: sortItemsDefault,
+  text: metaTitle,
+  secondText: routeQueryCategories,
+});
 
 watchEffect(() => {
   if (slug.value) {

package/pages/terms.vue

@@ -465,7 +465,7 @@
 const { t } = useI18n();
 const pagePureName = useGetPureRouteName();
 const { brandName } = useAppConfig();
-const { meta, h1 } = useMeta(t, pagePureName, brandName);
+const { meta, h1 } = useMeta({ t, pageKey: pagePureName, brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/user/profile.vue

@@ -112,7 +112,7 @@ const items = computed<Array<IDataItem>>(() => {
 });
 
 const pagePureName = useGetPureRouteName();
-const { meta } = useMeta(t, pagePureName, useAppConfig().brandName);
+const { meta } = useMeta({ t, pageKey: pagePureName, brandName: useAppConfig().brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/user/recovery-password.vue

@@ -54,7 +54,7 @@ function update() {
 }
 
 const pagePureName = useGetPureRouteName();
-const { meta } = useMeta(t, pagePureName, useAppConfig().brandName);
+const { meta } = useMeta({ t, pageKey: pagePureName, brandName: useAppConfig().brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/user/settings.vue

@@ -8,7 +8,7 @@
 const { t } = useI18n();
 
 const pagePureName = useGetPureRouteName();
-const { meta } = useMeta(t, pagePureName, useAppConfig().brandName);
+const { meta } = useMeta({ t, pageKey: pagePureName, brandName: useAppConfig().brandName });
 
 watchEffect(() => {
   useHead(meta.value);

package/pages/videos/[slug].vue

@@ -60,7 +60,14 @@ useSetSeoOverride(() => ({
 const title = computed(() => videoData.value?.title || '');
 const description = computed(() => videoData.value?.description || '');
 const pagePureName = useGetPureRouteName();
-const { meta } = useMeta(t, pagePureName, useAppConfig().brandName, [], title, description);
+const { meta } = useMeta({
+  t,
+  pageKey: pagePureName,
+  brandName: useAppConfig().brandName,
+  sortOptions: [],
+  text: title,
+  secondText: description,
+});
 
 const webpThumbs = videoData.value?.thumbUrls?.webp;
 const webpEntries = webpThumbs ? Object.entries(webpThumbs) : [];

package/runtime/utils/cleaners/__tests__/clean-model-info.test.ts

@@ -16,6 +16,12 @@ describe('cleanModelInfo', () => {
       aka_names: ['Alias A', 'Alias B'],
       birth_summary: 'Born 1990, USA',
       nationality_iso_codes: ['US', 'CA'],
+      seo: {
+        title: 'Model Name Videos | Brand',
+        description: 'meta desc',
+        h1: 'Model Name Porn Videos',
+        keywords: 'a, b',
+      },
     };
     const result = cleanModelInfo(raw as any);
     expect(result.title).toBe('Model Name');
@@ -29,6 +35,12 @@ describe('cleanModelInfo', () => {
     expect(result.akaNames).toBe('Alias A, Alias B');
     expect(result.birthSummary).toBe('Born 1990, USA');
     expect(result.nationalityIsoCodes).toEqual(['US', 'CA']);
+    expect(result.seo).toEqual({
+      title: 'Model Name Videos | Brand',
+      description: 'meta desc',
+      h1: 'Model Name Porn Videos',
+      keywords: 'a, b',
+    });
   });
 
   it('пустые данные → дефолты', () => {
@@ -44,5 +56,6 @@ describe('cleanModelInfo', () => {
     expect(result.akaNames).toBe('');
     expect(result.birthSummary).toBe('');
     expect(result.nationalityIsoCodes).toEqual([]);
+    expect(result.seo).toBeNull();
   });
 });

package/runtime/utils/cleaners/clean-model-info.ts

@@ -14,4 +14,5 @@ export const cleanModelInfo = (card: IRawModelInfo): ICardInfo => ({
   akaNames: card.aka_names?.join(', ') || '',
   birthSummary: card.birth_summary || '',
   nationalityIsoCodes: card.nationality_iso_codes || [],
+  seo: card.seo || null,
 });

package/server/api/models/list-by-niche.post.ts

@@ -1,5 +1,5 @@
 import { cleanModelCard, getUrlWithProxiedParams } from '../../../runtime';
-import type { IModelFilter, IRawModelCard, IModelCard } from '../../../types';
+import type { IModelFilter, IRawModelCard, IModelCard, IPageSeo } from '../../../types';
 
 export default defineEventHandler(async (event) => {
   const apiUrl = process.env.NUXT_PUBLIC_API_DOMAIN;
@@ -17,6 +17,7 @@ export default defineEventHandler(async (event) => {
 
   const items: IRawModelCard[] = rawData?.data?.items || [];
   const filters: IModelFilter[] = rawData?.data?.filters || [];
+  const seo: IPageSeo | null = rawData?.data?.seo || null;
 
   const cleanedItems: IModelCard[] = items && items.length > 0 ? items.map(cleanModelCard) : [];
 
@@ -26,5 +27,6 @@ export default defineEventHandler(async (event) => {
     total: rawData?.data?.total,
     items: cleanedItems,
     filters: filters,
+    seo: seo,
   };
 });

package/types/card-info.d.ts

@@ -1,5 +1,6 @@
 import type { IParameterModel } from './parameter-model';
 import type { IChipsItem } from './chips-item';
+import type { IPageSeo } from './page-seo';
 
 export interface ICardInfo {
   title: string;
@@ -9,6 +10,7 @@ export interface ICardInfo {
   guid?: string;
   fullDescription?: string
   miniCardTitle?: string
+  seo?: IPageSeo | null;
 
   // Fields specific to Channel
   url?: string;

package/types/index.d.ts

@@ -52,6 +52,7 @@ export * from './chips-item.d.ts';
 export * from './library-feed.d.ts';
 export * from './nav-link-item.d.ts';
 export * from './paginated-response.d.ts';
+export * from './page-seo.d.ts';
 export * from './request-pagination.d.ts';
 export * from './tab-item.d.ts';
 export * from './filter-scheme.d.ts';

package/types/page-seo.d.ts

@@ -0,0 +1,6 @@
+export interface IPageSeo {
+  title: string;
+  description: string;
+  h1: string;
+  keywords: string;
+}

package/types/paginated-response.d.ts

@@ -1,7 +1,10 @@
+import type { IPageSeo } from './page-seo';
+
 type BasePagination = {
   currentPage: number;
   allPages: number;
   total: number;
+  seo?: IPageSeo | null;
 };
 
 export type PaginatedResponse<T> =

package/types/raw/raw-model-info.d.ts

@@ -1,5 +1,5 @@
 import type { IRawThumbUrls } from './raw-thumbs-urls';
-import type { IParameterModel } from '~/types';
+import type { IParameterModel, IPageSeo } from '~/types';
 
 export interface IRawModelInfo {
   guid: string;
@@ -41,4 +41,5 @@ export interface IRawModelInfo {
   }[];
   birth_summary: string;
   nationality_iso_codes: string[];
+  seo?: IPageSeo;
 }