itube-specs 0.0.898 → 0.0.899

package/assets/scss/themes/dark/_theme.scss

@@ -997,9 +997,6 @@ $library-feed-meta-dot: $color-zinc-600;
 $library-feed-title: $color-zinc-500;
 
 // ─── Page: library ───
-$page-library-heading: $color-white;
-$page-library-heading-icon: $color-white;
-$page-library-heading-icon-bg: $mono-white-10;
 $page-library-toggle-text: $color-zinc-300;
 $page-library-confirm-text: $color-zinc-300;
 

package/assets/scss/themes/light/_theme.scss

@@ -1025,9 +1025,6 @@ $library-feed-meta-dot: $color-gray-400;
 $library-feed-title: $color-gray-500;
 
 // ─── Page: library ───
-$page-library-heading: $color-gray-900;
-$page-library-heading-icon: $color-gray-900;
-$page-library-heading-icon-bg: $color-gray-200;
 $page-library-toggle-text: $color-gray-700;
 $page-library-confirm-text: $color-gray-700;
 

package/components/section/swiper-cards.vue

@@ -6,6 +6,7 @@
         :title="title || t('top_models')"
         :count="count ?? items.length"
         :icon="icon"
+        :size="size"
         class="section-swiper-cards__title"
         title-tag="h2"
       />
@@ -69,6 +70,8 @@ withDefaults(defineProps<{
   /** Счётчик в шапке; по умолчанию — число карточек */
   count?: string | number
   icon?: string
+  /** Размер заголовка секции — см. `UiSectionTitle` */
+  size?: 'lg' | 'xl'
   placeholderAvatar?: string
   /** Карточки только с аватаром и названием, без счётчика роликов */
   withoutCount?: boolean

package/components/ui/section-title.vue

@@ -10,18 +10,19 @@
     >
     <h1
       v-if="titleTag === 'h1'"
-      class="ui-section-title__title _title"
+      :class="titleClass"
     >{{ title }}</h1>
     <h2
       v-else-if="titleTag === 'h2'"
-      class="ui-section-title__title _title"
+      :class="titleClass"
     >{{ title }}</h2>
     <h3
       v-else-if="titleTag === 'h3'"
-      class="ui-section-title__title _title"
+      :class="titleClass"
     >{{ title }}</h3>
+    <!-- Без счётчика остаётся тот же чип, только с одной иконкой -->
     <UiCount
-      v-if="count"
+      v-if="count || icon"
       :icon="icon"
       class="ui-section-title__count"
     >{{ count }}</UiCount>
@@ -29,15 +30,23 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(defineProps<{
+const props = withDefaults(defineProps<{
   count?: string | number
   titleTag?: string
   title: string
   icon?: string
   img?: string
+  /** `lg` — страничный заголовок (18px, капс); `xl` — заголовок секции (20px, без капса) */
+  size?: 'lg' | 'xl'
 }>(), {
-  titleTag: 'h1'
+  titleTag: 'h1',
+  size: 'lg'
 });
+
+const titleClass = computed(() => [
+  'ui-section-title__title',
+  props.size === 'xl' ? '--xl' : '_title'
+]);
 </script>
 
 <style lang="scss">
@@ -48,6 +57,12 @@ withDefaults(defineProps<{
   vertical-align: middle;
 }
 
+.ui-section-title__title.--xl {
+  @include font-xl;
+
+  font-weight: 600;
+}
+
 .ui-section-title__flag,
 .ui-section-title__count.ui-count {
   display: inline-flex;

package/lib/scheme/profile-navigation-items.ts

@@ -10,33 +10,6 @@ export const profileNavigationItems = [
     title: 'library',
     icon: 'library',
     group: 1,
-    childs: [
-      {
-        value: '/user/profile?edit=true',
-        title: 'videos',
-        icon: 'video-camera',
-      },
-      {
-        value: '/user/profile?edit=true',
-        title: 'watch_later',
-        icon: 'time',
-      },
-      {
-        value: '/user/profile?edit=true',
-        title: 'playlists',
-        icon: 'list',
-      },
-      {
-        value: '/user/profile?edit=true',
-        title: 'models',
-        icon: 'user',
-      },
-      {
-        value: '/user/profile?edit=true',
-        title: 'channels',
-        icon: 'play-circle',
-      },
-    ]
   },
   {
     value: '/user/settings',

package/package.json

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

package/pages/following.vue

@@ -17,6 +17,7 @@
       :header-link-text="t('following.all_models')"
       all-link="/library/models"
       icon="user"
+      size="xl"
       placeholder-avatar="/img/model-placeholder.webp"
       class="following__section"
       without-count
@@ -31,6 +32,7 @@
       :header-link-text="t('following.all_channels')"
       all-link="/library/channels"
       icon="play-circle"
+      size="xl"
       placeholder-avatar="/img/logo-placeholder.svg"
       class="following__section"
       without-count
@@ -43,6 +45,7 @@
           :count="t('following.updates', { count: categoriesUpdates })"
           icon="grid"
           title-tag="h2"
+          size="xl"
         />
 
         <!-- На мобиле плитки «все» в гриде нет, поэтому ссылка вынесена в шапку -->
@@ -76,6 +79,7 @@
           :count="t('following.updates', { count: playlistsUpdates })"
           icon="playlist"
           title-tag="h2"
+          size="xl"
         />
 
         <UiLink

package/pages/library/index.vue

@@ -21,15 +21,12 @@
       class="library__section"
     >
       <header class="library__section-header">
-        <h2 class="library__heading">
-          <span class="library__heading-icon">
-            <UiIcon
-              name="history"
-              size="16"
-            />
-          </span>
-          {{ t('library.continue_watching') }}
-        </h2>
+        <UiSectionTitle
+          :title="t('library.continue_watching')"
+          icon="history"
+          title-tag="h2"
+          size="xl"
+        />
 
         <UiLink
           :to="generateLink('/history')"
@@ -59,15 +56,12 @@
 
     <section class="library__section">
       <header class="library__section-header">
-        <h2 class="library__heading">
-          <span class="library__heading-icon">
-            <UiIcon
-              name="layers"
-              size="16"
-            />
-          </span>
-          {{ t('library.collections') }}
-        </h2>
+        <UiSectionTitle
+          :title="t('library.collections')"
+          icon="layers"
+          title-tag="h2"
+          size="xl"
+        />
       </header>
 
       <ul class="library__grid">
@@ -87,15 +81,12 @@
 
     <section class="library__section">
       <header class="library__section-header">
-        <h2 class="library__heading">
-          <span class="library__heading-icon">
-            <UiIcon
-              name="plus"
-              size="16"
-            />
-          </span>
-          {{ t('library.following') }}
-        </h2>
+        <UiSectionTitle
+          :title="t('library.following')"
+          icon="plus"
+          title-tag="h2"
+          size="xl"
+        />
 
         <UiLink
           :to="generateLink('/following')"
@@ -307,28 +298,6 @@ const breadcrumbs = [
   margin-bottom: 16px;
 }
 
-.library__heading {
-  @include font-xl;
-
-  display: flex;
-  align-items: center;
-  column-gap: 8px;
-  margin: 0;
-  font-weight: 600;
-  color: $page-library-heading;
-}
-
-.library__heading-icon {
-  display: grid;
-  place-content: center;
-  flex-shrink: 0;
-  width: 24px;
-  height: 24px;
-  color: $page-library-heading-icon;
-  background-color: $page-library-heading-icon-bg;
-  border-radius: $radius-md;
-}
-
 .library__continue {
   display: grid;
   gap: 16px;