itube-specs 0.0.995 → 0.0.997
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<UiImg
|
|
7
7
|
:src="currentImage"
|
|
8
8
|
:avif-src="currentAvifSrc"
|
|
9
|
-
:alt="title"
|
|
9
|
+
:alt="card.title"
|
|
10
10
|
:sizes="IMG_SIZES"
|
|
11
11
|
class="info-model__img"
|
|
12
12
|
width="240"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</div>
|
|
32
32
|
|
|
33
33
|
<header class="info-model__header">
|
|
34
|
-
<h1 class="info-model__title">{{ title }}</h1>
|
|
34
|
+
<h1 class="info-model__title">{{ card.title }}</h1>
|
|
35
35
|
<div class="info-model__actions">
|
|
36
36
|
<UiCount
|
|
37
37
|
class="info-model__count"
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
<UiFollowBtn
|
|
55
55
|
v-if="featureFlags.FeatureFollowEnabled"
|
|
56
56
|
:following="isFollowing"
|
|
57
|
-
:name="title"
|
|
57
|
+
:name="card.title"
|
|
58
58
|
class="info-model__follow"
|
|
59
59
|
size="s"
|
|
60
60
|
@toggle="onFollowClick"
|
|
@@ -145,7 +145,6 @@ import { isoCodeToCountryName } from '../../utils/iso-code-to-country-name';
|
|
|
145
145
|
|
|
146
146
|
const props = defineProps<{
|
|
147
147
|
card: ICardInfo
|
|
148
|
-
title?: string
|
|
149
148
|
videosCount?: number
|
|
150
149
|
}>();
|
|
151
150
|
|
|
@@ -161,8 +160,6 @@ const PLACEHOLDER_AVIF = '/img/model-placeholder-portrait.avif';
|
|
|
161
160
|
/** `.info-model__img` — 160px до sm, 240px дальше. `auto` впереди — см. `UiImg`. */
|
|
162
161
|
const IMG_SIZES = `auto, (max-width: ${CSS_BREAKPOINTS.sm - 1}px) 160px, 240px`;
|
|
163
162
|
|
|
164
|
-
const title = computed(() => props.title || props.card.title);
|
|
165
|
-
|
|
166
163
|
const imageError = ref(false);
|
|
167
164
|
const isFallback = computed(() => imageError.value || !props.card.portraitImg);
|
|
168
165
|
const currentImage = computed(() => (isFallback.value ? PLACEHOLDER : props.card.portraitImg));
|
package/components/ui/img.vue
CHANGED