itube-specs 0.0.477 → 0.0.478

package/components/auth/s-auth-popup.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="s-auth-popup__decorate" v-if="isAuthPopupOpen"/>
+  <div v-if="isAuthPopupOpen" class="s-auth-popup__decorate"/>
   <transition mode="out-in">
     <SPopup
         v-if="currentStep === EAuthSteps.Registration && isAuthPopupOpen"
@@ -10,12 +10,12 @@
         @back="currentStep -= 1"
     >
       <template #aside>
-        <slot></slot>
+        <slot/>
       </template>
       <template #title>{{  $t('auth.create_new') }}</template>
       <SAuthRegister
-          @login="onLoginClick"
           :additional-text="additionalText"
+          @login="onLoginClick"
       />
     </SPopup>
   </transition>
@@ -30,7 +30,7 @@
         @back="currentStep -= 1"
     >
       <template #aside>
-        <slot></slot>
+        <slot/>
       </template>
       <template #title>{{  $t('auth.welcome_back') }}</template>
       <SAuthLogin @forgot="onRecoveryClick" @create="currentStep -= 1"/>
@@ -47,7 +47,7 @@
         @back="currentStep -= 1"
     >
       <template #aside>
-        <slot></slot>
+        <slot/>
       </template>
       <template #title>{{  $t('auth.recovery_title')}}</template>
       <SAuthRecovery @login="onLoginClick"/>

package/components/cards/s-video-mini-card.vue

@@ -1,7 +1,7 @@
 <template>
 <component
-    class="s-video-mini-card"
     :is="component"
+    class="s-video-mini-card"
     :title="card.title"
     :to="link ? generateLink(`/playlists/${prefix}/${card.id}`) : null"
 >
@@ -19,7 +19,7 @@
         class="s-video-mini-card__duration"
         theme="black"
         :text="duration"
-    ></SLabel>
+    />
   </div>
   <p class="s-video-mini-card__description _truncate">{{ card.title }}</p>
 </component>

package/components/grids/s-grid-categories.vue

@@ -2,11 +2,11 @@
   <div class="s-grid-categories">
     <FCategoryCard
         v-for="(item, index) in categories"
-        :card="item"
         :key="item.guid"
+        :card="item"
         :priority="priority && index === 0"
     />
-    <slot></slot>
+    <slot/>
   </div>
 </template>
 

package/components/grids/s-grid-channels.vue

@@ -1,13 +1,13 @@
 <template>
   <div
-      class="s-grid-channels"
       id="anchor"
+      class="s-grid-channels"
   >
     <FChannelCard
-        class="s-grid-channels__card"
         v-for="(item, index) in items"
-        :card="item"
         :key="item.guid"
+        class="s-grid-channels__card"
+        :card="item"
         :priority="priority && index === 0"
     />
   </div>

package/components/grids/s-grid-playlists.vue

@@ -2,8 +2,8 @@
   <div class="s-grid-playlists">
     <FPlaylistCard
         v-for="(item, index) in items"
-        :card="item"
         :key="`user-playlist-${index}`"
+        :card="item"
         :top-playlists="topPlaylists"
         :priority="priority && index === 0"
     />

package/components/grids/s-grid-videos.vue

@@ -8,17 +8,17 @@
     <slot name="grid-start" />
     <FVideoCard
         v-for="(item, index) in items"
+        :key="`video-${item.guid}`"
         class="s-grid-videos__card"
         :card="item"
         :priority="priority && (index === 0 || (!mobile && index === 4))"
         :loading="(index > (mobile ? 3 : 7)) || related ? 'lazy' : 'eager'"
-        :key="`video-${item.guid}`"
         :top-chips="topChips"
         :playlist-id="playlistId"
         :playlist="playlist"
     />
     <slot name="grid-end" />
-    <slot></slot>
+    <slot/>
   </div>
 </template>
 

package/components/page-components/s-breadcrumbs.vue

@@ -15,7 +15,7 @@
         >
           <span itemprop="name" v-html="item.name" />
         </NuxtLink>
-        <meta itemprop="position" :content="String(index + 1)" />
+        <meta itemprop="position" :content="String(index + 1)" >
       </li>
       <li
         itemscope
@@ -23,7 +23,7 @@
         itemtype="https://schema.org/ListItem"
       >
         <span class="s-breadcrumbs__item" aria-current="page" itemprop="name" v-html="items[items.length - 1].name" />
-        <meta itemprop="position" :content="String(items.length)" />
+        <meta itemprop="position" :content="String(items.length)" >
       </li>
     </ol>
   </nav>

package/components/page-components/s-expand-row.vue

@@ -1,7 +1,7 @@
 <template>
   <div
-      class="s-expand-row"
       ref="containerRef"
+      class="s-expand-row"
       :class="[
             { '--expand-show': isExpandOpened },
             { '--alphabet': alphabet },
@@ -12,12 +12,12 @@
         class="s-expand-row__wrapper"
         :class="[{ '--more-show': isElementsOverflow }]"
     >
-      <slot name="prepend"></slot>
+      <slot name="prepend"/>
       <slot>
         <SChips
             v-for="item in itemsResult"
-            :item="item"
             :key="item.title"
+            :item="item"
             :alphabet="alphabet"
             is-link
             :mini="mini"

package/components/page-components/s-filter-button.vue

@@ -35,7 +35,7 @@ const props = defineProps<{
 }>()
 
 const emit = defineEmits<{
-  (eventName: 'update:modelValue', value: Boolean): void
+  (eventName: 'update:modelValue', value: boolean): void
 }>()
 
 const { t } = useI18n()

package/components/page-components/s-filter-chips.vue

@@ -1,7 +1,7 @@
 <template>
   <SExpandRow v-if="items.length > 0">
     <template #prepend>
-      <slot></slot>
+      <slot/>
     </template>
     <SChips
         v-for="(item, index) in items"
@@ -11,7 +11,7 @@
         bright
         :item="item"
         @click="onChipsClick(item)"
-    ></SChips>
+    />
   </SExpandRow>
 </template>
 

package/components/page-components/s-filter-page.vue

@@ -27,12 +27,12 @@
             />
             <SSelect
                 v-if="(item.kind === 'select') && (item.group.name === group?.name)"
+                :key="`model-filter-select-${subIndex}`"
                 :name="item.name"
                 :model-value="getSelectValue(item.name)"
                 :items="selectItems(item)"
                 :count="getCount(item)"
                 :active="isActiveSelect(item.name)"
-                :key="`model-filter-select-${subIndex}`"
                 :label="item.title"
                 @update:model-value="val => updateSelectFilter(item.name, val)"
             />

package/components/page-components/s-filter-popup.vue

@@ -1,7 +1,7 @@
 <template>
   <SPopup
-      v-model="isOpen"
       v-if="isOpen"
+      v-model="isOpen"
       sheet
       @close="closePopup"
   >
@@ -10,15 +10,15 @@
     <template #fixedContent>
       <div class="s-filter-popup__main-filters">
         <SSelect
-            name="duration"
             v-model="durationValue"
+            name="duration"
             :items="translateTitle(durationItems)"
             :placeholder="t('duration')"
             icon="tape"
         />
         <SSelect
-            name="added"
             v-model="addedValue"
+            name="added"
             :items="translateTitle(addedItems)"
             :placeholder="t('added')"
             icon="clock"
@@ -29,9 +29,9 @@
     <div class="s-filter-popup__filters">
       <SSelect
           v-for="(item, index) in scheme"
-          :name="item.title"
           :key="`scheme-${index}`"
           v-model="filterValue[item.name.toLowerCase()]"
+          :name="item.title"
           :items="item.items"
           :label="item?.label"
           :placeholder="item.placeholder"
@@ -44,8 +44,8 @@
             theme="secondary"
             wide
             size="l"
-            @click="reset"
             :disabled="!isFiltered"
+            @click="reset"
         >{{ t('reset_all') }}
         </SButton>
         <SButton

package/components/page-components/s-filter-slider.vue

@@ -2,6 +2,7 @@
   <ClientOnly v-if="getRangeInfo(item.options)">
     <SSlider
         v-if="(item.kind === 'range') && (item.group.name === groupName)"
+        :key="`model-filter-range-${index}`"
         :min="getRangeInfo(item.options)?.min"
         :max="getRangeInfo(item.options)?.max"
         :step="getRangeInfo(item.options)?.step"
@@ -10,7 +11,6 @@
                         maxRangeValue(item)
                       ]"
         :title="item.title"
-        :key="`model-filter-range-${index}`"
         :active="isActive(item.name)"
         :format="formatterSlider(item.options)"
         :between="betweenText(item.options, getRangeInfo(item.options)?.min, getRangeInfo(item.options)?.max)"

package/components/page-components/s-filter-videos-chips.vue

@@ -3,7 +3,7 @@
       :items="chipsItems"
       @click="(e: IChipsItem) => onChipsClick(e)"
   >
-    <slot></slot>
+    <slot/>
   </SFilterChips>
 </template>
 

package/components/page-components/s-filter.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="s-filter">
     <SFilterButton
-        :count="filterCount"
         v-model="filterOpen"
+        :count="filterCount"
         :theme="buttonTheme"
         :size="buttonSize"
     />
@@ -21,9 +21,8 @@
 </template>
 
 <script setup lang="ts">
-import type { ButtonSizes, ButtonThemes, IFilterScheme } from '../../types';
+import type { ButtonSizes, ButtonThemes, IFilterScheme, ISelectItem  } from '../../types';
 import type { LocationQuery } from '#vue-router';
-import type { ISelectItem } from '../../types';
 
 const route = useRoute();
 const filterOpen = ref(false);

package/components/page-components/s-footer-models.vue

@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import { convertString, EAsyncData } from 'itube-specs/runtime';
-import { IModelCard } from 'itube-specs/types';
+import type { IModelCard } from 'itube-specs/types';
 
 const props = defineProps<{
   title: string

package/components/page-components/s-info-grid.vue

@@ -2,8 +2,8 @@
   <div class="s-info-grid">
     <div
         v-for="(item, index) in card.parameters"
-        class="s-info-grid__item"
         :key="`s-info-grid-item-${index}`"
+        class="s-info-grid__item"
     >
       <span class="s-info-grid__item-title">{{ item.title }}</span>
       <p class="s-info-grid__item-values">

package/components/page-components/s-info-socials.vue

@@ -2,8 +2,8 @@
   <div class="s-info-socials">
     <NuxtLink
         v-for="(item, index) in items"
-        class="s-info-socials__item"
         :key="`info-social-${index}`"
+        class="s-info-socials__item"
         :to="Array.isArray(item.name) ? item.name[0] : item.name"
         target="_blank"
         :aria-label="item.title"

package/components/page-components/s-model-filters.vue

@@ -24,8 +24,8 @@
               class="s-model-filters__reset"
               :disabled="!isFiltered"
               size="l"
-              @click="onResetClick"
               theme="secondary"
+              @click="onResetClick"
           >{{ t('reset_all') }}
           </SButton>
           <SButton

package/components/page-components/s-navigation-links.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="s-navigation-links">
     <SLink
-        class="s-navigation-links__button"
         v-for="(item, index) in items"
         :key="`sort-item-${index}`"
+        class="s-navigation-links__button"
         :to="item.query ? linkTo(item, index) : generateLink(item.value)"
         :active="isActive(item, index)"
         :size="size"

package/components/page-components/s-pagination.vue

@@ -7,13 +7,13 @@
 
       <template v-if="length <= 6">
         <NuxtLink
+            v-for="number in length"
+            :key="`pagination-${number}`"
             class="s-pagination__item"
             :class="[
               number === activeNumber && 's-pagination__item--active',
               theme && `s-button --${theme}`
             ]"
-            v-for="number in length"
-            :key="`pagination-${number}`"
             :to="linkTo(number)"
         >
           {{ number }}
@@ -49,12 +49,12 @@
         </NuxtLink>
         <NuxtLink
             v-for="number in activeNumbers"
+            :key="`pagination-${number}`"
             :class="[
               number === activeNumber && 's-pagination__item--active',
               theme && `s-button --${theme}`
             ]"
             class="s-pagination__item"
-            :key="`pagination-${number}`"
             :to="linkTo(number)"
         >
           {{ number }}

package/components/page-components/s-report.vue

@@ -16,9 +16,9 @@
         <div class="s-report__forms">
           <details
               v-for="(item, index) in reportFormsScheme"
+              :key="`report-form-${index}`"
               class="s-report__form"
               name="report-details"
-              :key="`report-form-${index}`"
               @toggle="(event) => onToggle(event, item.subject)"
           >
             <summary
@@ -58,8 +58,8 @@
               >
                 <SInput
                     v-if="['text', 'tel', 'textarea'].includes(subItem.type)"
-                    v-model="form.data[subItem.value] as string"
                     :key="`report-form-${index}`"
+                    v-model="form.data[subItem.value] as string"
                     :label=" t(`report_form.${subItem.label}`)"
                     :type="subItem.type as InputTypes"
                     :class="{'--wide': subItem.wide}"

package/components/page-components/s-share.vue

@@ -1,8 +1,8 @@
 <template>
   <transition mode="out-in">
     <SPopup
-        v-model="isSharePopupOpen"
         v-if="isSharePopupOpen"
+        v-model="isSharePopupOpen"
         sheet
     >
       <template #title>{{ $t('share') }}</template>
@@ -15,9 +15,9 @@
         <div class="s-share__buttons">
           <a
               v-for="(item, index) in buttons"
+              :key="`share-button-${index}`"
               class="s-share__button"
               target="_blank"
-              :key="`share-button-${index}`"
               :href="item.link"
           >
             <SImg

package/components/page-components/s-videos-title.vue

@@ -3,7 +3,7 @@
     <h1 v-if="titleTag === 'h1'" class="s-videos-title__title _title" v-html="title"/>
     <h2 v-else-if="titleTag === 'h2'" class="s-videos-title__title _title" v-html="title"/>
     <h3 v-else-if="titleTag === 'h3'" class="s-videos-title__title _title" v-html="title"/>
-    <SCount class="s-videos-title__count" v-if="count">{{ count }}</SCount>
+    <SCount v-if="count" class="s-videos-title__count">{{ count }}</SCount>
   </div>
 </template>
 

package/components/playlist/s-playlist-add.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="s-playlist-add__decorate _to-sm" v-if="isPlaylistAdd"/>
+  <div v-if="isPlaylistAdd" class="s-playlist-add__decorate _to-sm"/>
   <!--  Add-->
   <transition mode="out-in">
     <SPopup
@@ -24,8 +24,8 @@
             v-if="playlistsItems && playlistsItems.length"
         >
           <SSelect
-              name="add-playlist"
               v-model="selectValue"
+              name="add-playlist"
               :items="playlistsItems"
               :placeholder="$t('choose_playlist')"
           />
@@ -81,11 +81,11 @@
     >
       <template #title>{{ $t('playlist.new_playlist') }}</template>
       <SPlaylistNew
+          :loading-post-playlist="loadingPostPlaylist"
           @close="closePopup"
           @post="postPlaylist"
-          :loading-post-playlist="loadingPostPlaylist"
       />
-      <slot></slot>
+      <slot/>
     </SPopup>
   </transition>
   <!--  New-->

package/components/playlist/s-playlist-delete-video.vue

@@ -1,8 +1,8 @@
 <template>
   <transition mode="out-in">
     <SPopup
-        v-model="isPlaylistEditOpen"
         v-if="isPlaylistEditOpen && currentStep === EPlaylistStep.DeleteVideo"
+        v-model="isPlaylistEditOpen"
         sheet
         transparent-backdrop
     >

package/components/playlist/s-playlist-edit.vue

@@ -1,14 +1,14 @@
 <template>
   <div
-      class="s-playlist-edit__decorate"
       v-if="isPlaylistEditOpen"
+      class="s-playlist-edit__decorate"
   />
 
   <!--  Delete-->
   <transition mode="out-in">
     <SPopup
-        v-model="isPlaylistEditOpen"
         v-if="isPlaylistEditOpen && currentStep === EPlaylistStep.Delete"
+        v-model="isPlaylistEditOpen"
         sheet
         transparent-backdrop
     >
@@ -52,8 +52,8 @@
   <!--  Edit-->
   <transition mode="out-in">
     <SPopup
-        v-model="isPlaylistEditOpen"
         v-if="isPlaylistEditOpen && currentStep === EPlaylistStep.Edit && data"
+        v-model="isPlaylistEditOpen"
         transparent-backdrop
     >
       <template #title>{{ $t('playlist.edit_playlist') }}</template>
@@ -61,8 +61,8 @@
       <template #fixedContent>
         <div class="s-playlist-edit__subheader-wrapper">
           <SInput
-              :label="$t('playlist.playlist')"
               v-model="inputValue"
+              :label="$t('playlist.playlist')"
           />
           <SPlaylistPrivateToggle v-model="toggleValue"/>
         </div>
@@ -75,8 +75,8 @@
       >
         <div
             v-for="(card, index) in data.items"
-            class="s-playlist-edit__card-wrapper"
             :key="`playlist-edit-${index}`"
+            class="s-playlist-edit__card-wrapper"
         >
           <SVideoMiniCard
               class="s-playlist-edit__card"

package/components/playlist/s-playlist-private-toggle.vue

@@ -3,7 +3,7 @@
   <SToggle
       class="s-playlist-private-toggle__toggler"
       :model-value="modelValue"
-      @update:modelValue="(event: Event) => emit('update:modelValue', event)"
+      @update:model-value="(event: Event) => emit('update:modelValue', event)"
   />
   <p class="s-playlist-private-toggle__text">{{ $t('playlist.private_playlist')}}</p>
 </div>

package/components/ui/s-button.vue

@@ -14,7 +14,7 @@
       v-bind="$attrs"
       :title="title || slotText"
   >
-    <slot></slot>
+    <slot/>
   </button>
 </template>
 

package/components/ui/s-checkbox.vue

@@ -11,8 +11,8 @@
         type="checkbox"
         :name="name"
         :checked="modelValue"
-        @change="onChange"
         v-bind="$attrs"
+        @change="onChange"
     >
     <span class="s-checkbox__check">
       <SIcon
@@ -22,13 +22,13 @@
       />
     </span>
     <span class="s-checkbox__label">
-      <slot></slot>
+      <slot/>
     </span>
     <span
         v-if="$slots.description"
         class="s-checkbox__description"
     >
-      <slot name="description"></slot>
+      <slot name="description"/>
     </span>
   </label>
 </template>
@@ -42,7 +42,7 @@ const props = defineProps<{
 }>()
 
 const emit = defineEmits<{
-  (eventName: 'update:modelValue', value: Boolean): void
+  (eventName: 'update:modelValue', value: boolean): void
   (eventName: 'update:error', value: boolean): void
 }>()
 

package/components/ui/s-count.vue

@@ -1,7 +1,7 @@
 <template>
   <span
       class="s-count"
-  ><slot></slot>
+  ><slot/>
   </span>
 </template>
 

package/components/ui/s-dropdown.vue

@@ -17,13 +17,13 @@
         class="s-dropdown__trigger"
         @click="openDropdown"
     >
-      <slot name="trigger"></slot>
+      <slot name="trigger"/>
     </div>
     <transition name="s-dropdown" mode="out-in">
       <dialog
           v-if="useVIf ? open && $slots.items : true"
-          :style="!useVIf ? { display: (open && $slots.items) ? '' : 'none' } : {}"
           ref="menuRef"
+          :style="!useVIf ? { display: (open && $slots.items) ? '' : 'none' } : {}"
           class="s-dropdown__menu"
           :class="{'--open': open}"
           @click="close"
@@ -32,7 +32,7 @@
             class="s-dropdown__sheet-close _to-sm"
             type="button"
             @click="close"
-        ></button>
+        />
         <button
             class="s-dropdown__crest _to-sm"
             type="button"
@@ -40,9 +40,9 @@
         >
           <SIcon name="close" size="20"/>
         </button>
-        <slot name="header"></slot>
-        <div class="s-dropdown__menu-items" v-if="$slots.items">
-          <slot name="items" v-bind="'s-dropdown__item'"></slot>
+        <slot name="header"/>
+        <div v-if="$slots.items" class="s-dropdown__menu-items">
+          <slot name="items" v-bind="'s-dropdown__item'"/>
         </div>
       </dialog>
     </transition>