itube-specs 0.0.528 → 0.0.531

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

@@ -0,0 +1,20 @@
+<template>
+  <div class="s-auth-icon">
+    <SIcon
+        class="s-auth-icon__icon"
+        :name="icon"
+        size="24"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  icon?: string
+}>(), {
+  icon: 'user-filled'
+})
+</script>
+
+<style scoped lang="scss">
+</style>

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

@@ -3,11 +3,8 @@
       class="s-auth-login"
       :class="{'_loading': loading}"
   >
-    <SIcon
-        class="s-auth-login__icon"
-        name="user-circle"
-        size="40"
-    />
+
+    <SAuthIcon class="s-auth-login__icon" />
 
     <SInput
         v-model="form.username"

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

@@ -3,11 +3,8 @@
       class="s-auth-recovery"
       :class="{'_loading': loading}"
   >
-    <SIcon
-        class="s-auth-recovery__icon"
-        name="envelope-open"
-        size="40"
-    />
+
+    <SAuthIcon class="s-auth-recovery__icon" />
     <p class="s-auth-recovery__text">{{ t('auth.recovery_text')}}</p>
     <SInput
         v-model="form.email"

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

@@ -4,15 +4,12 @@
         class="s-auth-register"
         :class="{'_loading': loading}"
     >
-      <SIcon
-          class="s-auth-register__icon"
-          name="user-circle"
-          size="40"
-      />
+      <SAuthIcon class="s-auth-register__icon" />
       <p
           v-if="additionalText"
           class="s-auth-register__text"
-      >{{ t(additionalText) }}</p>
+      >{{ t(additionalText) }}
+      </p>
       <SInput
           v-model="form.username"
           :label="t('auth.username')"
@@ -45,13 +42,15 @@
             @click="submit"
         >{{ t('auth.sign_up') }}
         </SButton>
-        <SButton
-            wide
-            size="l"
-            theme="secondary"
-            @click="onLoginClick"
-        >{{ t('auth.log_in') }}
-        </SButton>
+        <p class="s-auth-register__login">
+          {{ t('login_text') }}
+          <button
+              class="s-auth-register__login-button"
+              type="button"
+              @click="onLoginClick">
+            {{ t('auth.log_in') }}
+          </button>
+        </p>
       </div>
 
       <p class="s-auth-register__agreement">{{ t('auth.agree_begin') }}
@@ -59,8 +58,9 @@
             class="s-auth-register__agreement-link"
             to="/terms"
             target="_blank"
-        >{{ t('auth.agree_terms')}}
-        </NuxtLink>{{ t('auth.agree_and')}}
+        >{{ t('auth.agree_terms') }}
+        </NuxtLink>
+                                            {{ t('auth.agree_and') }}
         <NuxtLink
             class="s-auth-register__agreement-link"
             to="/policy"
@@ -145,7 +145,7 @@ async function submit() {
     loading.value = true;
 
     // Уникальное действие для каждой формы
-     // здесь 'register', в других формах — 'password_reset' или 'contact_form'
+    // здесь 'register', в других формах — 'password_reset' или 'contact_form'
     form.value.token = await getRecaptchaToken('register');
 
     await useUser(AuthorizationApiService).register(form.value);

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

@@ -91,27 +91,29 @@
     <SLink
         wide
         class="s-pagination__prev"
+        theme="primary"
         :to="linkTo(previousValue)"
         :class="{'--disabled': activeNumber <= 1}"
     >
       <SIcon
           v-if="arrowIcon"
-          name="arrow-left"
-          size="24"
+          name="angle-left"
+          size="16"
       />
       {{ t('previous' )}}
     </SLink>
     <SLink
         wide
         class="s-pagination__next"
+        theme="primary"
         :class="{'--disabled': activeNumber >= length}"
         :to="linkTo(nextValue)"
     >
       {{ t('next') }}
       <SIcon
           v-if="arrowIcon"
-          name="arrow-right"
-          size="24"
+          name="angle-right"
+          size="16"
       />
     </SLink>
   </nav>

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

@@ -3,7 +3,11 @@
     <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 v-if="count" class="s-videos-title__count">{{ count }}</SCount>
+    <SCount
+        v-if="count"
+        class="s-videos-title__count"
+        :icon="icon"
+    >{{ count }}</SCount>
   </div>
 </template>
 
@@ -12,6 +16,7 @@ withDefaults(defineProps<{
   count?: number
   titleTag?: string
   title: string
+  icon?: string
 }>(), {
   titleTag: 'h1'
 })

package/components/ui/s-count.vue

@@ -1,11 +1,16 @@
 <template>
   <span
       class="s-count"
-  ><slot/>
+  >
+    <SIcon v-if="icon" :name="icon" size="16" />
+    <slot/>
   </span>
 </template>
 
 <script setup lang="ts">
+defineProps<{
+  icon?: string
+}>()
 </script>
 
 <style scoped lang="scss">

package/package.json

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