From 1fe610aa64c382b3b2eb826823b3cb53b2ceaecf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=95=D0=B2=D0=B3=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=93=D0=BE?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B2=D0=BA=D0=B8=D0=BD?= <mr.happy.2000@mail.ru>
Date: Tue, 20 Feb 2024 18:41:14 +0600
Subject: [PATCH] small fixes

---
 src/runtime/components/Pages/TestVuetify.vue  | 42 ++++----
 src/runtime/components/Parts/Card.vue         | 13 +--
 src/runtime/components/Parts/ErgVacancies.vue | 65 +++++++++----
 .../components/Parts/Footer/Default.vue       | 45 ++++++++-
 src/runtime/components/Parts/Forms.vue        |  4 +-
 .../components/Parts/Header/Default.vue       |  8 +-
 src/runtime/components/Parts/Header/Erg.vue   | 97 ++++++++++---------
 src/runtime/components/Parts/Modal.vue        |  2 +-
 src/runtime/components/Parts/News.vue         |  2 -
 src/runtime/components/Parts/Slider.vue       | 29 ++++--
 src/runtime/components/Parts/Vacancy.vue      |  2 +-
 src/stories/Header.stories.js                 | 18 ++--
 src/stories/HeaderErg.stories.js              | 10 +-
 13 files changed, 205 insertions(+), 132 deletions(-)

diff --git a/src/runtime/components/Pages/TestVuetify.vue b/src/runtime/components/Pages/TestVuetify.vue
index ad4dd9e..cd531ac 100644
--- a/src/runtime/components/Pages/TestVuetify.vue
+++ b/src/runtime/components/Pages/TestVuetify.vue
@@ -1,24 +1,22 @@
 <template>
   <v-app>
     <partsHeaderErg
+      :burger="false"
     />
     <NuxtPage />
-      <section class="h-100">
-        <v-container id="slider">
-          <client-only>
-            <partsSlider
-              :slides="sliderAbout"
-              :show-buttons="false"
-              slider-direction="vertical"
-              :height="'600px'"
-              :control-scroll="controlScroll"
-            />
-          </client-only>
-
-
-        </v-container>
-
-      </section>
+    <section class="h-100">
+      <v-container id="slider">
+        <client-only>
+          <partsSlider
+            :slides="sliderAbout"
+            :show-buttons="false"
+            slider-direction="vertical"
+            :height="'600px'"
+            :control-scroll="controlScroll"
+          />
+        </client-only>
+      </v-container>
+    </section>
 
     <partsFooterDefault
       id="footer"
@@ -26,12 +24,12 @@
       :logo="{ title: 'АО', titleAttrs: {class: 'mb-4 text-h6'} }"
       nav-class="text-h6 text-black"
       :nav="[
-        { id: 1, text: 'Overview', link: '/' },
-        { id: 2, text: 'Features', link: '/' },
-        { id: 3, text: 'Pricing', link: '/' },
-        { id: 4, text: 'Careers', link: '/' },
-        { id: 5, text: 'Help centre', link: '/' },
-        { id: 6, text: 'Privacy', link: '/', image: '/arrow.png' },
+        { id: 1, text: 'Overview', to: '/' },
+        { id: 2, text: 'Features', to: '/' },
+        { id: 3, text: 'Pricing', to: '/' },
+        { id: 4, text: 'Careers', to: '/' },
+        { id: 5, text: 'Help centre', to: '/' },
+        { id: 6, text: 'Privacy', to: '/', image: '/arrow.png' },
       ]"
       :copyright="{
         text: '2023 Untitled UI. All rights reserverd'
diff --git a/src/runtime/components/Parts/Card.vue b/src/runtime/components/Parts/Card.vue
index 611cc61..10e6cda 100644
--- a/src/runtime/components/Parts/Card.vue
+++ b/src/runtime/components/Parts/Card.vue
@@ -63,7 +63,7 @@
           v-bind="textImage.attrs"
           class="mr-2"
         />
-        <div v-html="textBody"></div>
+        <div v-html="textBody" />
       </v-card-text>
 
       <v-card-subtitle
@@ -192,10 +192,6 @@ const titleAttrs = {
 const textAttrs = {
   ...mainStore.getObjectPropertiesWithPrefix(attrs, 'text')
 }
-const imageModalAttrs = ref({
-  height: 100 + '%',
-  ...mainStore.getObjectPropertiesWithPrefix(attrs, 'modal-image')
-})
 
 const openModal = ref(false)
 
@@ -203,18 +199,17 @@ const props = defineProps({
   styleCard: { type: String, default: "standard" },
   variantCard: { type: String, default: "elevated"},
   horizontalCard: { type: Boolean, default: false },
-  horizontalWidthImage: { type: Number || String, default: 340 },
   dateAuthorRight: { type: Boolean, default: false },
   positionImageVacancy: { type: String, default: "start" },
 
-  image: Object,
-  gap: Number,
+  image: { type: Object, default: () => ({}) },
+  gap: { type: Number, default: 0 },
   title: { type: String, default: "" },
   subtitle: { type: String, default: "" },
   price: { type: String, default: "" },
   text: { type: String, default: "" },
   textBody: { type: String, default: "" },
-  textImage: Object,
+  textImage: { type: Object, default: () => ({}) },
   hoverText: { type: Boolean, default: false },
   date: { type: String, default: "" },
   author:{ type: String, default: "" },
diff --git a/src/runtime/components/Parts/ErgVacancies.vue b/src/runtime/components/Parts/ErgVacancies.vue
index ed33270..1479e6f 100644
--- a/src/runtime/components/Parts/ErgVacancies.vue
+++ b/src/runtime/components/Parts/ErgVacancies.vue
@@ -1,6 +1,11 @@
 <template>
   <v-container class="erg-vacancies position-relative">
-    <v-img :src="backgroundImage.image" cover class="h-100 w-100" v-bind="backgroundImage.attrs" />
+    <v-img
+      :src="backgroundImage.image"
+      cover
+      class="h-100 w-100"
+      v-bind="backgroundImage.attrs"
+    />
     <v-sheet
       v-bind="sheetAttrs"
       class="mb-6 sheet position-absolute bg-none"
@@ -25,29 +30,33 @@
           :style="[leftImage || rightImage ? '' : 'display: contents', bodyAttrs]"
           class="py-0 px-5"
         >
-          <v-chip v-bind="chip.attrs" class="z-index-2" v-if="chip">
+          <v-chip
+            v-if="chip"
+            v-bind="chip.attrs"
+            class="z-index-2"
+          >
             {{ chip.text }}
           </v-chip>
           <div class="vacancies__body position-relative z-index-2">
             <h2
+              v-if="title"
               class="mb-2"
               v-bind="titleAttrs"
-              v-if="title"
             >
               {{ title || 'Станьте частью команды' }}
             </h2>
             <p
+              v-if="subTitle"
               class="mb-4"
               v-bind="subTitleAttrs"
-              v-if="subTitle"
             >
               {{ subTitle || 'Мы предлагаем конкурентные зарплаты, социальные гарантии' }}
             </p>
             <div
-              class="mb-4"
               v-if="textBody"
+              class="mb-4"
             >
-              <div v-html="textBody"></div>
+              <div v-html="textBody" />
             </div>
           </div>
           <v-btn
@@ -55,11 +64,27 @@
             class="text-none z-index-2"
             color="white"
           >
-            <nuxt-link v-if="button.link" :to="button.link" class="text-decoration-none text-black">
-              {{ button.text || 'Связаться с нами'}}
+            <nuxt-link
+              v-if="button.to"
+              :to="button.to"
+              class="text-decoration-none text-black"
+            >
+              {{ button.text || 'Связаться с нами' }}
             </nuxt-link>
-            <span v-else>{{ button.text || 'Связаться с нами' }}</span>
-            <v-img v-if="button.image" :src="button.image" :width="16" :height="16" class="ml-2" />
+            <a
+              v-else-if="button.href"
+              :href="button.href"
+              class="text-decoration-none text-black"
+            >
+              {{ button.text || 'Связаться с нами' }}
+            </a>
+            <v-img
+              v-if="button.image"
+              :src="button.image"
+              :width="16"
+              :height="16"
+              class="ml-2"
+            />
           </v-btn>
         </v-col>
         <v-col
@@ -147,17 +172,15 @@ const props = defineProps({
       }
     })
   },
-  title: String,
-  subTitle: String,
-  button: { type: Object, default: () => ({
-    text: ''
-  })},
-  textBody: String,
-  leftImage: Object,
-  rightImage: Object,
-  gallery: Boolean,
-  galleryImages: Array,
-  galleryHoverEffect: Boolean,
+  title: { type: String, default: '' },
+  subTitle: { type: String, default: '' },
+  button: { type: Object, default: () => ({}) },
+  textBody: { type: String, default: '' },
+  leftImage: { type: Object, default: () => ({}) },
+  rightImage: { type: Object, default: () => ({}) },
+  gallery: { type: Boolean, default: false },
+  galleryImages: { type: Array, default: () => ([]) },
+  galleryHoverEffect: { type: Boolean, default: false },
 })
 
 
diff --git a/src/runtime/components/Parts/Footer/Default.vue b/src/runtime/components/Parts/Footer/Default.vue
index 3ef5448..5d0c717 100644
--- a/src/runtime/components/Parts/Footer/Default.vue
+++ b/src/runtime/components/Parts/Footer/Default.vue
@@ -123,13 +123,35 @@
                 :key="item.id"
               >
                 <nuxt-link
-                  :to="item.link"
+                  v-if="item.to"
+                  :to="item.to"
                   class="d-flex align-center"
                   v-bind="navAttrs"
                 >
                   {{ item.text }}
-                  <v-img :src="item.image" :width="13" :height="13" class="ml-2" v-bind="item.imageAttrs" />
+                  <v-img
+                    :src="item.image"
+                    :width="13"
+                    :height="13"
+                    class="ml-2"
+                    v-bind="item.imageAttrs"
+                  />
                 </nuxt-link>
+                <a
+                  v-if="item.href"
+                  :href="item.href"
+                  class="d-flex align-center"
+                  v-bind="navAttrs"
+                >
+                  {{ item.text }}
+                  <v-img
+                    :src="item.image"
+                    :width="13"
+                    :height="13"
+                    class="ml-2"
+                    v-bind="item.imageAttrs"
+                  />
+                </a>
               </li>
             </ul>
           </v-col>
@@ -150,11 +172,19 @@
                 class="mb-2"
               >
                 <nuxt-link
+                  v-if="item.to"
                   class="text-primary"
-                  :to="item.link"
+                  :to="item.to"
                 >
                   {{ item.text }}
                 </nuxt-link>
+                <a
+                  v-else-if="item.href"
+                  class="text-primary"
+                  :href="item.href"
+                >
+                  {{ item.text }}
+                </a>
               </li>
             </ul>
           </v-col>
@@ -252,10 +282,17 @@
                 v-bind="navAttrs"
               >
                 <nuxt-link
-                  :to="item.link"
+                  v-if="item.to"
+                  :to="item.to"
                 >
                   {{ item.text }}
                 </nuxt-link>
+                <a
+                  v-if="item.href"
+                  :href="item.href"
+                >
+                  {{ item.text }}
+                </a>
               </li>
             </ul>
           </v-col>
diff --git a/src/runtime/components/Parts/Forms.vue b/src/runtime/components/Parts/Forms.vue
index 8956673..1a73c6f 100644
--- a/src/runtime/components/Parts/Forms.vue
+++ b/src/runtime/components/Parts/Forms.vue
@@ -408,9 +408,7 @@
 </template>
 
 <script setup>
-import { ref, useAttrs } from 'vue'
-import { useMainStore } from "../../store/mainStore";
-const mainStore = useMainStore()
+import { ref } from 'vue'
 
 const checked = ref(false)
 const comboboxValue = ref([])
diff --git a/src/runtime/components/Parts/Header/Default.vue b/src/runtime/components/Parts/Header/Default.vue
index 5841bc7..d1dfe01 100644
--- a/src/runtime/components/Parts/Header/Default.vue
+++ b/src/runtime/components/Parts/Header/Default.vue
@@ -24,7 +24,7 @@
                   :key="`header-top-menu-item-${menu_item.id}`"
                 >
                   <nuxt-link
-                    :to="menu_item.url"
+                    :to="menu_item.to"
                     class="header-menu-link text-subtitle-2"
                   >
                     {{ menu_item.title }}
@@ -41,7 +41,7 @@
                   :key="tab.id"
                   class="mx-4 py-5 position-relative text-decoration-none text-grey-darken-2"
                   active-class="tab-link-active"
-                  :to="tab.url"
+                  :to="tab.to"
                 >
                   {{ tab.title }}
                 </nuxt-link>
@@ -98,7 +98,7 @@
                 :key="menu_top_link"
                 class="d-inline-block px-3 text-body-2 text-decoration-none"
                 :class="[`text-${menuTopLinksColor}`]"
-                :to="menu_top_link.url"
+                :to="menu_top_link.to"
               >
                 {{ menu_top_link.title }}
               </nuxt-link>
@@ -114,7 +114,7 @@
                     class="header-menu-link"
                     :class="{'align-start' : variant === 'menu-top-bar'} "
                     active-class="header-menu-link-active"
-                    :to="menu_item.url"
+                    :to="menu_item.to"
                   >
                     {{ menu_item.title }}
                   </NuxtLink>
diff --git a/src/runtime/components/Parts/Header/Erg.vue b/src/runtime/components/Parts/Header/Erg.vue
index 8b8961b..6ecab15 100644
--- a/src/runtime/components/Parts/Header/Erg.vue
+++ b/src/runtime/components/Parts/Header/Erg.vue
@@ -5,9 +5,12 @@
       :class="[menu_open ? 'position-fixed bg-white' : 'position-relative', bgClassHeader || 'bg-none']"
       :elevation="elevation || 0"
     >
-      <v-container class="d-flex align-center justify-lg-space-between py-0">
-        <div class="d-flex flex-grow-1 flex-lg-grow-0 align-center" :style="'width: ' + logo.width * 1.1 + 'px'">
-          <nuxt-link to="/">
+      <v-container class="d-flex align-center justify-space-between  py-0">
+        <div class="d-flex flex-grow-1 flex-lg-grow-0 align-center">
+          <nuxt-link
+            to="/"
+            :style="'width: ' + logo.width * 1.46 + 'px'"
+          >
             <v-img
               :src="logo.url"
               :max-width="logo.max_width"
@@ -16,38 +19,38 @@
               :alt="logo.alt || 'Logo'"
             />
           </nuxt-link>
-        </div>
-
-        <div class="mr-auto justify-center align-start d-lg-flex d-none flex-column">
-          <ul
-            class="d-flex align-center"
-            style="column-gap: 32px"
-          >
-            <li
-              v-for="menu_item in menu"
-              :key="`header-menu-item-${menu_item.id}`"
-              class=""
+          <div class="justify-center align-start d-lg-flex d-none flex-column">
+            <ul
+              class="d-flex align-center"
+              style="column-gap: 32px"
             >
-              <NuxtLink
-                v-if="menu_item.type !== 'anchor'"
-                :to="menu_item.url"
-                class="erg-header-link"
-                :class="colorClassMenu || 'text-primary'"
+              <li
+                v-for="menu_item in menu"
+                :key="`header-menu-item-${menu_item.id}`"
+                class=""
               >
-                {{ menu_item.title }}
-              </NuxtLink>
-              <NuxtLink
-                v-else
-                class="erg-header-link"
-                :class="colorClassMenu || 'text-primary'"
-                @click.prevent="scrollToElement(menu_item.url)"
-              >
-                {{ menu_item.title }}
-              </NuxtLink>
-            </li>
-          </ul>
+                <NuxtLink
+                  v-if="menu_item.type !== 'anchor'"
+                  :to="menu_item.to"
+                  class="erg-header-link"
+                  :class="colorClassMenu || 'text-primary'"
+                >
+                  {{ menu_item.title }}
+                </NuxtLink>
+                <NuxtLink
+                  v-else
+                  class="erg-header-link"
+                  :class="colorClassMenu || 'text-primary'"
+                  @click.prevent="scrollToElement(menu_item.to)"
+                >
+                  {{ menu_item.title }}
+                </NuxtLink>
+              </li>
+            </ul>
+          </div>
         </div>
 
+
         <div class="d-flex align-center">
           <v-select
             v-model="selectLang"
@@ -55,24 +58,26 @@
             hide-details="true"
             variant="solo"
             class="mr-4 bg-none"
-            @update:modelValue="updateSelectLang"
+            @update:model-value="updateSelectLang"
           />
           <v-btn
-            class="bg-white text-none text-body-1 d-none d-lg-block"
+            class="bg-white text-none text-body-1"
             rounded="xl"
+            :class="burger === true ? 'd-none d-lg-block' : ''"
             @click="buttonClick"
           >
             {{ textBtn || 'Связаться с нами' }}
           </v-btn>
+          <v-app-bar-nav-icon
+            v-if="burger"
+            class="d-block d-lg-none my-auto"
+            @click="menu_open = !menu_open"
+          />
         </div>
-
-        <v-app-bar-nav-icon
-          class="d-block d-lg-none my-auto"
-          @click="menu_open = !menu_open"
-        />
       </v-container>
     </v-app-bar>
     <v-navigation-drawer
+      v-if="burger"
       v-model="menu_open"
       class="w-100 h-100 d-flex d-lg-none py-5 px-4"
       location="left"
@@ -88,7 +93,7 @@
           <NuxtLink
             class="header-menu-link"
             active-class="header-menu-link-active"
-            :to="menu_item.url"
+            :to="menu_item.to"
           >
             {{ menu_item.title }}
           </NuxtLink>
@@ -116,11 +121,11 @@ const props = defineProps({
     type: Object,
     default: () => ({
       url: 'https://s3-alpha-sig.figma.com/img/222c/02bf/df2277b790ec617d5a2f748736bfdc5a?Expires=1707696000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=BjEYx20siAJOsNnjkamNkI-f35Bqi8qtCAvaJ4Oxthy2my4acTfctcKVovI2Yp6v2KugOl61Oat9sQjS0violwagFG2Gie8a48IvmcxllwmkVOESFSBVwWx1D3eP0t5bQit2x3qDF~nfdHh-kMBUSdgwzS1UojssqLJ0NCo6WuUQDz2cbyVZl2RLsSZSgbrLz3agCXXACVU7XH6eTJmE0ZVskZhSgx53dxt~s6Jqrr8l7mcp2C03PxkUbXy1A3bvGxQFdVyVmpx0YSk2PXWwnJZFoX85JHFKzxvLJKWXH7rA1GY~Cx3L8ZI48mB1ybzaIZFXs1KakjD-hDzzyDPITw__',
-      width: 174,
-      height: 70,
+      width: 125,
+      height: 78,
     })
   },
-  elevation: Number,
+  elevation: { type: Number, default: 0},
   menu: {
     type: Array,
     default: () => [
@@ -151,9 +156,10 @@ const props = defineProps({
       'En'
     ]
   },
-  textBtn: String,
-  bgClassHeader: String,
-  colorClassMenu: String,
+  textBtn: { type: String, default: () => '' },
+  bgClassHeader: { type: String, default: () => '' },
+  colorClassMenu: { type: String, default: () => '' },
+  burger: { type: Boolean, default: true}
 })
 
 const emits = defineEmits(['select-lang', 'button-click'])
@@ -211,6 +217,7 @@ function buttonClick() {
     transition: background 0.3s ease;
     border-radius: 50px;
     padding: 8px 10px;
+    cursor: pointer;
     &:hover {
       background: rgba(255, 255, 255, 0.39);
     }
diff --git a/src/runtime/components/Parts/Modal.vue b/src/runtime/components/Parts/Modal.vue
index ad8addb..e53fb2d 100644
--- a/src/runtime/components/Parts/Modal.vue
+++ b/src/runtime/components/Parts/Modal.vue
@@ -88,7 +88,7 @@
 </template>
 
 <script setup>
-  import { defineProps, useAttrs, computed, ref } from 'vue'
+  import { useAttrs, computed, ref } from 'vue'
   import { useMainStore } from "../../store/mainStore"
 
   const mainStore  = useMainStore()
diff --git a/src/runtime/components/Parts/News.vue b/src/runtime/components/Parts/News.vue
index af7c80d..a989b67 100644
--- a/src/runtime/components/Parts/News.vue
+++ b/src/runtime/components/Parts/News.vue
@@ -21,7 +21,6 @@
           :style-card="card.styleCard"
           :variant-card="card.variantCard"
           :horizontal-card="card.horizontalCard"
-          :horizontal-width-image="card.horizontalWidthImage"
           :date-author-right="card.dateAuthorRight"
           :position-image-vacancy="card.positionImageVacancy"
           :img-src="card.imgSrc"
@@ -67,7 +66,6 @@ const props = defineProps({
         styleCard: {},
         variantCard: '',
         horizontalCard: false,
-        horizontalWidthImage: '',
         dateAuthorRight: false,
         positionImageVacancy: '',
         imgSrc: '',
diff --git a/src/runtime/components/Parts/Slider.vue b/src/runtime/components/Parts/Slider.vue
index 5858c07..23c4f06 100644
--- a/src/runtime/components/Parts/Slider.vue
+++ b/src/runtime/components/Parts/Slider.vue
@@ -63,17 +63,34 @@
                   {{ slide.title }}
                 </component>
 
-                <p v-bind="slide.subTitleAttrs" v-if="slide.subtitle">
+                <p
+                  v-if="slide.subtitle"
+                  v-bind="slide.subTitleAttrs"
+                >
                   {{ slide.subtitle }}
                 </p>
                 <!-- Slide title -->
               </div>
 
 
-              <div v-if="slide.numbers" v-bind="slide.numbers.attrs" class="d-flex flex-column flex-md-row">
-                <div v-for="(number, index) in slide.numbers" :key="`numbers-${index}`" v-bind="slide.numbers.itemAttrs" class="d-flex flex-column">
-                  <span v-bind="slide.numbers.numAttrs"> {{ number.number }} {{ number.postfix}} </span>
-                  <span v-bind="slide.numbers.subtitleAttrs"> {{ number.subtitle }}</span>
+              <div
+                v-if="slide.numbers"
+                class="d-flex flex-column flex-md-row slider__numbers"
+              >
+                <div
+                  v-for="(number, index) in slide.numbers"
+                  :key="`numbers-${index}`"
+                  v-bind="number.itemAttrs"
+                  class="d-flex flex-column slider__numbers-item"
+                >
+                  <span
+                    v-bind="number.numAttrs"
+                    class="slider__numbers-title"
+                  > {{ number.number }} {{ number.postfix }} </span>
+                  <span
+                    v-bind="number.subtitleAttrs"
+                    class="slider__numbers-subtitle"
+                  > {{ number.subtitle }}</span>
                 </div>
               </div>
               <!-- body slot -->
@@ -259,7 +276,7 @@
 import { register } from "swiper/element/bundle";
 register();
 
-import { defineProps, useAttrs, ref, onMounted, onUnmounted, watch } from "vue";
+import { useAttrs, ref, onMounted, onUnmounted, watch } from "vue";
 import { useMainStore } from "../../store/mainStore";
 const mainStore = useMainStore();
 
diff --git a/src/runtime/components/Parts/Vacancy.vue b/src/runtime/components/Parts/Vacancy.vue
index 07dcc22..7d67fb5 100644
--- a/src/runtime/components/Parts/Vacancy.vue
+++ b/src/runtime/components/Parts/Vacancy.vue
@@ -111,7 +111,7 @@
 
 <script setup>
   import Forms from './Forms.vue'
-  import {defineProps, defineEmits, useAttrs} from 'vue'
+  import { useAttrs } from 'vue'
   import { useMainStore } from '../../store/mainStore.js'
 
   const attrs = useAttrs()
diff --git a/src/stories/Header.stories.js b/src/stories/Header.stories.js
index 6abea3b..0ae3305 100644
--- a/src/stories/Header.stories.js
+++ b/src/stories/Header.stories.js
@@ -24,37 +24,37 @@ export const First = {
       {
         id: 0,
         title: 'Home',
-        url: '/',
+        to: '/',
       },
 
       {
         id: 1,
         title: 'About us',
-        url: '/about',
+        to: '/about',
       },
 
       {
         id: 2,
         title: 'Services',
-        url: '',
+        to: '',
       },
 
       {
         id: 3,
         title: 'Projects',
-        url: '',
+        to: '',
       },
 
       {
         id: 4,
         title: 'Team',
-        url: '',
+        to: '',
       },
 
       {
         id: 5,
         title: 'Career',
-        url: '',
+        to: '',
       },
     ],
 
@@ -85,19 +85,19 @@ export const First = {
       {
         id: 0,
         title: 'Company 1',
-        url: '#'
+        to: '#'
       },
 
       {
         id: 1,
         title: 'Company 2',
-        url: '#'
+        to: '#'
       },
 
       {
         id: 2,
         title: 'Company 3',
-        url: '#'
+        to: '#'
       }
     ],
 
diff --git a/src/stories/HeaderErg.stories.js b/src/stories/HeaderErg.stories.js
index cf19092..3eecc46 100644
--- a/src/stories/HeaderErg.stories.js
+++ b/src/stories/HeaderErg.stories.js
@@ -36,31 +36,31 @@ export const Default = {
       {
         id: 0,
         title: "О компании",
-        url: "#footer",
+        to: "#footer",
         type: 'anchor'
       },
       {
         id: 1,
         title: "Продукты и услуги",
-        url: "/about"
+        to: "/"
 
       },
       {
         id: 2,
         title: "Преимущества",
-        url: "/about"
+        to: "/"
 
       },
       {
         id: 3,
         title: "Вакансии",
-        url: "/about"
+        to: "/"
 
       },
       {
         id: 4,
         title: "Контакты",
-        url: "/about"
+        to: "/"
 
       }
     ],