itube-specs 0.0.1009 → 0.0.1011

package/components/info/model.vue

@@ -224,6 +224,9 @@ const shareModelCard = computed<IModelCard>(() => ({
   title: props.card.title,
   videosCount: props.card.videosCount,
   thumbUrl: props.card.img || '',
+  primaryImageSmallUrl: props.card.img || undefined,
+  primaryImageSmallAvifUrl: props.card.imgAvifUrl,
+  gender: props.card.gender,
   guid: props.card.guid || '',
   parameters: [],
   country: shareCountry.value,

package/components/layout/header.vue

@@ -10,16 +10,16 @@
       glow
       class="layout-header__logo"
     />
-    <LayoutNiche
-      class="layout-header__niche _from-sd"
-      icon-size="20"
-    />
-
     <LayoutNotifications
       v-if="featureFlags.FeatureFollowEnabled"
       class="layout-header__notifications"
     />
 
+    <LayoutNiche
+      class="layout-header__niche _from-sd"
+      icon-size="20"
+    />
+
     <div
       ref="languageRef"
       class="layout-header__language _from-sd"
@@ -147,6 +147,12 @@ function closeLanguage() {
   }
 }
 
+.layout-header.--no-notifications .layout-header__niche {
+  @include from-br($brkpnt-burger) {
+    grid-column: 3;
+  }
+}
+
 .layout-header.--no-notifications .layout-header__language {
   @include from-br($brkpnt-burger) {
     grid-column: 4;
@@ -195,11 +201,11 @@ function closeLanguage() {
 /**
  * Поиск стоит строго по центру ШАПКИ, а не по центру свободного места: он растянут
  * на всю строку сетки и центрирован `justify-self`. Иначе центр уезжал влево —
- * правая группа (ниша, колокольчик, язык, вход) шире логотипа, и с добавлением
+ * правая группа (колокольчик, ниша, язык, вход) шире логотипа, и с добавлением
  * переключателя ниш перекос дошёл до сотни пикселей.
  *
  * Наезжать при этом не на что: по обе стороны резервируется `--header-side-space`
- * — ширина более широкой (правой) группы: ниша 54 + колокольчик, язык и вход.
+ * — ширина более широкой (правой) группы: колокольчик, ниша 54, язык и вход.
  * Считается БЕЗ бокового паддинга шапки, потому что `100%` у поиска — это уже
  * контентная ширина. Не хватило места — поиск сужается, а боковые группы остаются
  * на своих местах. Значение вынесено в переменную: у сайта без переключателя ниш
@@ -240,7 +246,7 @@ function closeLanguage() {
 
 .layout-header__niche {
   @include from-br($brkpnt-burger) {
-    grid-column: 3;
+    grid-column: 4;
     grid-row: 1;
   }
 }
@@ -253,7 +259,7 @@ function closeLanguage() {
 
 .layout-header__notifications {
   @include from-br($brkpnt-burger) {
-    grid-column: 4;
+    grid-column: 3;
     grid-row: 1;
   }
 }

package/package.json

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

package/pages/categories/[slug].vue

@@ -7,7 +7,7 @@
 
     <InfoMain
       v-if="categoryInfoResult && isFirstPage"
-      :key="`info-${categoryInfo?.header}`"
+      :key="`info-${categoryInfoResult.title}`"
       :card="categoryInfoResult"
       type="category"
       class="category__info"
@@ -121,7 +121,7 @@ const modelsRoundCards = computed(() =>
 );
 
 const categoryInfoResult = computed(() => ({
-  title: categoryInfo.value?.header,
+  title: categoryInfo.value?.header || categoryInfo.value?.title,
   description: categoryInfo.value?.description,
   videosCount: categoryInfo.value?.videosCount,
   guid: categoryInfo.value?.guid,
@@ -137,7 +137,7 @@ const relatedSearch = computed(() => relatedSearchRaw.value?.items?.map(item =>
 const relatedCategories = computed(() => categoryInfo.value?.related);
 
 const title = computed(() => categoryInfo.value?.title || '');
-const metaTitle = computed(() => categoryInfo.value?.metaTitle || '');
+const metaTitle = computed(() => categoryInfo.value?.metaTitle || title.value);
 const pageNumber = computed(() => route.query?.[ 'page' ] ? Number(route.query[ 'page' ]) : 1);
 const pageText = computed(() => unref(pageNumber) === 1 ? '' : ` ${t('page')} ${unref(pageNumber)}`);