itube-specs 0.0.793 → 0.0.795

package/components/card/channel-mini.vue

@@ -1,16 +1,18 @@
 <!-- Мини-карточка канала: логотип слева, название, счётчик видео (горизонтальная) -->
 <template>
   <div class="card-channel-mini">
-    <img v-if="card.avatarUrl && !imageError"
-         :src="card.avatarUrl"
-         :alt="card.name"
-         class="card-channel-mini__logo"
-         width="64"
-         height="64"
-         @error="imageError = true"
+    <img
+      v-if="card.avatarUrl && !imageError"
+      :src="card.avatarUrl"
+      :alt="card.name"
+      class="card-channel-mini__logo"
+      width="64"
+      height="64"
+      @error="imageError = true"
     >
-    <span v-else
-          class="card-channel-mini__logo --placeholder"
+    <span
+      v-else
+      class="card-channel-mini__logo --placeholder"
     >
       {{ card.name.charAt(0) }}
     </span>
@@ -18,13 +20,15 @@
       <p class="card-channel-mini__name">{{ card.name }}</p>
       <div class="card-channel-mini__info">
         <span class="card-channel-mini__detail">
-          <UiIcon name="video-camera"
-                  size="14"
+          <UiIcon
+            name="video-camera"
+            size="14"
           />
           {{ card.videosCount }}
         </span>
-        <span v-if="$features.FeatureFollowEnabled"
-              class="card-channel-mini__detail"
+        <span
+          v-if="$features.FeatureFollowEnabled"
+          class="card-channel-mini__detail"
         >{{ $n(8400, 'compact') }}</span>
       </div>
     </div>

package/components/card/channel.vue

@@ -1,48 +1,55 @@
 <!-- Карточка канала: обложка 16:9, логотип, статистика (видео/подписчики/дата) -->
 <template>
-  <NuxtLink :to="generateLink(`/channels/${slug}`)"
-            class="card-channel"
+  <NuxtLink
+    :to="generateLink(`/channels/${slug}`)"
+    class="card-channel"
   >
     <div class="card-channel__img-wrapper">
-      <UiImg :src="currentImage"
-             :urls="card.thumbUrls"
-             :sizes="`(max-width: ${CSS_BREAKPOINTS.lg}px) 50vw, 480px`"
-             :alt="card.name"
-             :loading="priority ? 'eager' : 'lazy'"
-             :priority="priority"
-             class="card-channel__img"
-             width="480"
-             height="270"
-             @error="onImageError"
+      <UiImg
+        :src="currentImage"
+        :urls="card.thumbUrls"
+        :sizes="`(max-width: ${CSS_BREAKPOINTS.lg}px) 50vw, 480px`"
+        :alt="card.name"
+        :loading="priority ? 'eager' : 'lazy'"
+        :priority="priority"
+        class="card-channel__img"
+        width="480"
+        height="270"
+        @error="onImageError"
       />
-      <UiLabel v-if="card.isNetwork"
-               :text="$t('network')"
-               class="card-channel__label"
-               theme="primary"
+      <UiLabel
+        v-if="card.isNetwork"
+        :text="$t('network')"
+        class="card-channel__label"
+        theme="primary"
       />
     </div>
     <div class="card-channel__container">
-      <img v-if="card.avatarUrl"
-           :src="card.avatarUrl"
-           :alt="card.name"
-           class="card-channel__logo _from-xs"
-           width="32"
-           height="32"
+      <img
+        v-if="card.avatarUrl"
+        :src="card.avatarUrl"
+        :alt="card.name"
+        class="card-channel__logo _from-xs"
+        width="32"
+        height="32"
       >
-      <span v-else
-            class="card-channel__logo --placeholder _from-xs"
+      <span
+        v-else
+        class="card-channel__logo --placeholder _from-xs"
       >
         {{ logoPlaceholder }}
       </span>
       <span class="card-channel__title _truncate">{{ card.name }}
       </span>
       <div class="card-channel__info-wrapper">
-        <p v-for="(item, index) in infoItems"
-           :key="`channel-info-${index}`"
-           class="card-channel__info"
+        <p
+          v-for="(item, index) in infoItems"
+          :key="`channel-info-${index}`"
+          class="card-channel__info"
         >
-          <UiIcon :name="item.icon"
-                  size="14"
+          <UiIcon
+            :name="item.icon"
+            size="14"
           />
           {{ item.text }}
         </p>

package/components/card/model-mini.vue

@@ -1,36 +1,41 @@
 <!-- Мини-карточка модели: аватар слева, имя, возраст/счётчик видео -->
 <template>
   <div class="card-model-mini">
-    <UiImg :src="currentImage"
-           :alt="card.title"
-           class="card-model-mini__img"
-           width="48"
-           height="48"
-           sizes="48px"
-           @error="imageError = true"
+    <UiImg
+      :src="currentImage"
+      :alt="card.title"
+      class="card-model-mini__img"
+      width="48"
+      height="48"
+      sizes="48px"
+      @error="imageError = true"
     />
     <div class="card-model-mini__wrapper">
       <p class="card-model-mini__name">
         {{ card.title }}
-        <img v-if="card.country"
-             :alt="card.country"
-             :src="`/icons/flags/${card.country}.svg`"
-             class="card-model-mini__flag"
-             width="16"
-             height="12"
+        <img
+          v-if="card.country"
+          :alt="card.country"
+          :src="`/icons/flags/${card.country}.svg`"
+          class="card-model-mini__flag"
+          width="16"
+          height="12"
         >
       </p>
       <div class="card-model-mini__info">
-        <span v-if="card.videosCount"
-              class="card-model-mini__detail"
+        <span
+          v-if="card.videosCount"
+          class="card-model-mini__detail"
         >
-          <UiIcon name="video-camera"
-                  size="14"
+          <UiIcon
+            name="video-camera"
+            size="14"
           />
           {{ card.videosCount }}
         </span>
-        <span v-if="card.age"
-              class="card-model-mini__detail"
+        <span
+          v-if="card.age"
+          class="card-model-mini__detail"
         >{{ card.age }} {{ $t('yo') }}</span>
       </div>
     </div>

package/components/card/model.vue

@@ -1,61 +1,71 @@
 <!-- Карточка модели: аватар, параметры, страна, счётчики видео/обновлений -->
 <template>
-  <NuxtLink :to="generateLink(`/models/${convertString().toSlug(card.title)}`)"
-            :title="card.title"
-            class="card-model"
+  <NuxtLink
+    :to="generateLink(`/models/${convertString().toSlug(card.title)}`)"
+    :title="card.title"
+    class="card-model"
   >
     <div class="card-model__inner">
-      <UiImg :src="currentImage"
-             :loading="loading"
-             :alt="card.title"
-             :priority="priority"
-             class="card-model__img"
-             width="64"
-             height="64"
-             sizes="xs:64px sm:64px md:64px lg:64px"
-             @error="onImageError"
+      <UiImg
+        :src="currentImage"
+        :loading="loading"
+        :alt="card.title"
+        :priority="priority"
+        class="card-model__img"
+        width="64"
+        height="64"
+        sizes="xs:64px sm:64px md:64px lg:64px"
+        @error="onImageError"
       />
       <div class="card-model__wrapper">
         <p class="card-model__info">
           <span class="card-model__info-name">
             {{ card.title }}
           </span>
-          <span v-if="card.country && card.country.name"
-                :title="`${t('birthplace_country')}: ${card.country.title}`"
-                class="card-model__country-wrapper"
+          <span
+            v-if="card.country && card.country.name"
+            :title="`${t('birthplace_country')}: ${card.country.title}`"
+            class="card-model__country-wrapper"
           >
-            <img :alt="card.country.title"
-                 :src="`/icons/flags/${card.country.name}.svg`"
-                 class="card-model__info-country"
-                 width="16"
-                 height="12"
+            <img
+              :alt="card.country.title"
+              :src="`/icons/flags/${card.country.name}.svg`"
+              class="card-model__info-country"
+              width="16"
+              height="12"
             >
           </span>
         </p>
         <p class="card-model__parameters">
-          <span v-for="(parameter, index) in card.parameters"
-                :key="`parameter-${index}`"
-                class="card-model__parameter"
+          <span
+            v-for="(parameter, index) in card.parameters"
+            :key="`parameter-${index}`"
+            class="card-model__parameter"
           >
-            <span v-if="parameter.title"
-                  class="card-model__parameter-title"
+            <span
+              v-if="parameter.title"
+              class="card-model__parameter-title"
             >{{ getValue(parameter) }}</span>
           </span>
         </p>
         <p class="card-model__parameters-footer">
-          <span v-if="card.videosCount"
-                class="card-model__count"
+          <span
+            v-if="card.videosCount"
+            class="card-model__count"
           >
-            <UiIcon name="video-camera"
-                    size="14"
+            <UiIcon
+              name="video-camera"
+              size="14"
             />
             {{ $n(card.videosCount, 'compact') }}
           </span>
-          <span v-if="card.lastVideoAddedAt"
-                class="card-model__update"
+          <span
+            v-if="card.lastVideoAddedAt"
+            class="card-model__update"
           >
-            <UiIcon name="time-updated"
-                    size="14"
+            <UiIcon
+              name="time-updated"
+              size="14"
             />
             {{ formatDate(card.lastVideoAddedAt) }}
           </span>

package/components/card/playlist-mini.vue

@@ -1,29 +1,32 @@
 <!-- Мини-карточка плейлиста: мозаика обложек слева + название/автор -->
 <template>
   <div class="card-playlist-mini">
-    <div :class="[
-           `--${card.thumbUrls?.length > 3 ? '4' : `${card.thumbUrls?.length}`}-child`,
-           {'--empty': !card.thumbUrls?.length},
-         ]"
-         class="card-playlist-mini__img-wrapper"
+    <div
+      :class="[
+        `--${card.thumbUrls?.length > 3 ? '4' : `${card.thumbUrls?.length}`}-child`,
+        {'--empty': !card.thumbUrls?.length},
+      ]"
+      class="card-playlist-mini__img-wrapper"
     >
-      <UiImg v-for="(item, index) in card.thumbUrls"
-             :key="`playlist-mini-image-${index}`"
-             :src="getCurrentImage(index)"
-             :alt="card.name"
-             class="card-playlist-mini__img"
-             width="320"
-             height="180"
-             sizes="120px"
-             @error="onImageError(index)"
+      <UiImg
+        v-for="(item, index) in card.thumbUrls"
+        :key="`playlist-mini-image-${index}`"
+        :src="getCurrentImage(index)"
+        :alt="card.name"
+        class="card-playlist-mini__img"
+        width="320"
+        height="180"
+        sizes="120px"
+        @error="onImageError(index)"
       />
     </div>
     <div class="card-playlist-mini__wrapper">
       <p class="card-playlist-mini__name">{{ card.name }}</p>
       <p class="card-playlist-mini__user">{{ $t('by') }} {{ card.username }}</p>
       <span class="card-playlist-mini__count">
-        <UiIcon name="video-camera"
-                size="16"
+        <UiIcon
+          name="video-camera"
+          size="16"
         />
         {{ card.videosCount }}
       </span>

package/components/card/playlist.vue

@@ -1,88 +1,102 @@
 <!-- Карточка плейлиста: галерея 1-4 обложек, статистика, меню действий -->
 <template>
   <div class="card-playlist">
-    <NuxtLink :class="[
-                `--${card.thumbUrls?.length > 3 ? '4' : `${card.thumbUrls?.length}`}-child`,
-                {'--empty': !card.thumbUrls?.length},
-              ]"
-              :to="generateLink(link)"
-              class="card-playlist__img-wrapper"
+    <NuxtLink
+      :class="[
+        `--${card.thumbUrls?.length > 3 ? '4' : `${card.thumbUrls?.length}`}-child`,
+        {'--empty': !card.thumbUrls?.length},
+      ]"
+      :to="generateLink(link)"
+      class="card-playlist__img-wrapper"
     >
-      <UiImg v-for="(item, index) in card.thumbUrls"
-             :key="`playlist-image-${index}`"
-             :src="getCurrentImage(item, index)"
-             :urls="isSingle ? item : undefined"
-             :width="isSingle ? ThumbSize.Medium.split('x')[0] : ThumbSize.Small.split('x')[0]"
-             :height="isSingle ? ThumbSize.Medium.split('x')[1] : ThumbSize.Small.split('x')[1]"
-             :sizes="isSingle ? `(max-width: ${CSS_BREAKPOINTS.lg}px) 50vw, ${ThumbSize.Medium.split('x')[0]}px` : `${ThumbSize.Small.split('x')[0]}px`"
-             :alt="card.name"
-             :loading="priority ? 'eager' : 'lazy'"
-             :priority="priority"
-             class="card-playlist__img"
-             @error="onImageError(index)"
+      <UiImg
+        v-for="(item, index) in card.thumbUrls"
+        :key="`playlist-image-${index}`"
+        :src="getCurrentImage(item, index)"
+        :urls="isSingle ? item : undefined"
+        :width="isSingle ? ThumbSize.Medium.split('x')[0] : ThumbSize.Small.split('x')[0]"
+        :height="isSingle ? ThumbSize.Medium.split('x')[1] : ThumbSize.Small.split('x')[1]"
+        :sizes="isSingle ? `(max-width: ${CSS_BREAKPOINTS.lg}px) 50vw, ${ThumbSize.Medium.split('x')[0]}px` : `${ThumbSize.Small.split('x')[0]}px`"
+        :alt="card.name"
+        :loading="priority ? 'eager' : 'lazy'"
+        :priority="priority"
+        class="card-playlist__img"
+        @error="onImageError(index)"
       />
-      <UiLabel :text="card.videosCount"
-               class="card-playlist__count"
-               theme="black"
+      <UiLabel
+        :text="card.videosCount"
+        class="card-playlist__count"
+        theme="black"
       >
-        <UiIcon name="cam"
-                size="16"
+        <UiIcon
+          name="cam"
+          size="16"
         />
       </UiLabel>
 
-      <UiLabel v-if="card.playlistType === 'private'"
-               :text="t('private')"
-               class="card-playlist__private"
-               theme="backdrop"
+      <UiLabel
+        v-if="card.playlistType === 'private'"
+        :text="t('private')"
+        class="card-playlist__private"
+        theme="backdrop"
       >
-        <UiIcon name="lock"
-                size="16"
+        <UiIcon
+          name="lock"
+          size="16"
         />
       </UiLabel>
     </NuxtLink>
     <div class="card-playlist__wrapper">
       <div class="card-playlist__wrapper-header">
         <p class="card-playlist__numbers">
-          <span v-if="card.likes != null"
-                class="card-playlist__like"
+          <span
+            v-if="card.likes != null"
+            class="card-playlist__like"
           >
-            <UiIcon name="thumbs-up"
-                    size="12"
+            <UiIcon
+              name="thumbs-up"
+              size="12"
             />
             {{ $n(card.likes, 'compact') }}
           </span>
-          <span v-if="card.views != null"
-                class="card-playlist__views"
+          <span
+            v-if="card.views != null"
+            class="card-playlist__views"
           >
-            <UiIcon name="show"
-                    size="14"
+            <UiIcon
+              name="show"
+              size="14"
             />
             {{ $n(card.views, 'compact') }}
           </span>
         </p>
         <p class="card-playlist__created">
-          <UiIcon name="date"
-                  size="12"
+          <UiIcon
+            name="date"
+            size="12"
           />
           {{ formatDate(card.created) }}
         </p>
       </div>
       <div class="card-playlist__content">
-        <UiImg v-if="avatar"
-               :src="avatar"
-               :alt="card.username"
-               class="card-playlist__avatar _from-xs"
-               width="36"
-               height="36"
-               sizes="36px"
+        <UiImg
+          v-if="avatar"
+          :src="avatar"
+          :alt="card.username"
+          class="card-playlist__avatar _from-xs"
+          width="36"
+          height="36"
+          sizes="36px"
         />
-        <div v-else
-             class="card-playlist__avatar --placeholder _from-xs"
+        <div
+          v-else
+          class="card-playlist__avatar --placeholder _from-xs"
         >
           {{ avatarPlaceholder }}
         </div>
-        <NuxtLink :to="generateLink(`/playlists/${card.id}/${card.firstVideoId}`)"
-                  class="card-playlist__title"
+        <NuxtLink
+          :to="generateLink(`/playlists/${card.id}/${card.firstVideoId}`)"
+          class="card-playlist__title"
         >
           {{ card.name }}
         </NuxtLink>
@@ -90,40 +104,48 @@
           {{ card.username }}
         </p>
         <div class="card-playlist__content-wrapper">
-          <UiDropdown right
-                      use-v-if
-                      class="card-playlist__dropdown"
+          <UiDropdown
+            right
+            use-v-if
+            class="card-playlist__dropdown"
           >
             <template #trigger>
-              <button class="card-playlist__dots"
-                      type="button"
+              <button
+                class="card-playlist__dots"
+                type="button"
               >
-                <UiIcon name="dots-vertical"
-                        size="16"
+                <UiIcon
+                  name="dots-vertical"
+                  size="16"
                 />
               </button>
             </template>
             <template #header>
-              <CardPlaylistMini :card="card"
-                                class="card-playlist__preview _to-sm"
+              <CardPlaylistMini
+                :card="card"
+                class="card-playlist__preview _to-sm"
               />
             </template>
             <template #items="className">
-              <button v-if="card.firstVideoId"
-                      :class="className"
-                      type="button"
+              <button
+                v-if="card.firstVideoId"
+                :class="className"
+                type="button"
               >
-                <UiIcon name="star"
-                        size="16"
+                <UiIcon
+                  name="star"
+                  size="16"
                 />
                 {{ t('add_to') }}
               </button>
-              <button :class="className"
-                      type="button"
-                      @click="isShareOpen = true"
+              <button
+                :class="className"
+                type="button"
+                @click="isShareOpen = true"
               >
-                <UiIcon name="share"
-                        size="16"
+                <UiIcon
+                  name="share"
+                  size="16"
                 />
                 {{ t('share') }}
               </button>
@@ -131,15 +153,17 @@
           </UiDropdown>
         </div>
       </div>
-      <p v-if="card.searchTags && card.searchTags?.length > 0"
-         class="card-playlist__tags _truncate"
+      <p
+        v-if="card.searchTags && card.searchTags?.length > 0"
+        class="card-playlist__tags _truncate"
       >
         {{ card.searchTags.join(' · ')}}
       </p>
     </div>
 
-    <ShareMain v-model="isShareOpen"
-               :url="link"
+    <ShareMain
+      v-model="isShareOpen"
+      :url="link"
     >
       <template #card>
         <CardPlaylistMini :card="card" />

package/components/card/round.vue

@@ -1,17 +1,19 @@
 <!-- Круглая аватар-карточка с рамкой, названием и счётчиком (для популярного) -->
 <template>
-  <NuxtLink :to="generateLink(card.link)"
-            class="card-round"
+  <NuxtLink
+    :to="generateLink(card.link)"
+    class="card-round"
   >
-    <UiImg :src="currentImage"
-           :loading="loading"
-           :alt="card.title"
-           :priority="priority"
-           class="card-round__img"
-           width="96"
-           height="96"
-           sizes="96px"
-           @error="onImageError"
+    <UiImg
+      :src="currentImage"
+      :loading="loading"
+      :alt="card.title"
+      :priority="priority"
+      class="card-round__img"
+      width="96"
+      height="96"
+      sizes="96px"
+      @error="onImageError"
     />
     <p class="card-round__title">
       {{ card.title }}
@@ -20,8 +22,9 @@
       <!--      </ClientOnly>-->
     </p>
     <p class="card-round__count">
-      <UiIcon name="cam"
-              size="12"
+      <UiIcon
+        name="cam"
+        size="12"
       />
       <span class="card-round__count-text">{{ card.videosCount }}</span>
     </p>