From 55683790d941be4400a3615ef6d4d95430b64abe Mon Sep 17 00:00:00 2001
From: Aidosgd <aidosgd@gmail.com>
Date: Fri, 15 Dec 2023 01:06:08 +0600
Subject: [PATCH] fix: run eslint --fix & remove test

---
 package.json                                  |   2 +-
 playground/pages/index.vue                    |   6 +-
 playground/pages/modals.vue                   | 138 ++++----
 src/runtime/components/Pages/testVuetify.vue  |  48 ++-
 src/runtime/components/Parts/Card.vue         | 108 ++++--
 src/runtime/components/Parts/Forms.vue        | 316 ++++++++++++++----
 src/runtime/components/Parts/News.vue         |  13 +-
 .../components/Parts/files/downloadFiles.vue  |  21 +-
 .../components/Parts/footer/footer.vue        | 195 ++++++++---
 .../components/Parts/header/header.vue        |  66 +++-
 src/runtime/components/Parts/modal.vue        |  54 ++-
 src/runtime/components/Parts/slider.vue       |  44 ++-
 src/runtime/components/Parts/vacancies.vue    |  27 +-
 src/runtime/components/Parts/vacancy.vue      |   5 +-
 src/stories/Card.stories.js                   |   1 -
 15 files changed, 789 insertions(+), 255 deletions(-)

diff --git a/package.json b/package.json
index 7f3a3e7..cd68818 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release": "npm run lint && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",
diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index 7f17549..0a72732 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -9,10 +9,10 @@
     <!--      </v-container>-->
     <News
       :cards="cards"
-      :settingsButton="settingsButton"
-      :settingsCol="settingsCol"
+      :settings-button="settingsButton"
+      :settings-col="settingsCol"
     >
-      <template v-slot:buttonNews>
+      <template #buttonNews>
         <v-btn>Все новости</v-btn>
       </template>
     </News>
diff --git a/playground/pages/modals.vue b/playground/pages/modals.vue
index aaec0c0..d4fd8ce 100644
--- a/playground/pages/modals.vue
+++ b/playground/pages/modals.vue
@@ -4,7 +4,10 @@
       <h1>
         Modals
       </h1>
-      <div class="w-100 d-flex flex-wrap align-start" style="gap: 16px">
+      <div
+        class="w-100 d-flex flex-wrap align-start"
+        style="gap: 16px"
+      >
         <v-btn @click="modal1 = true">
           Modal 1
         </v-btn>
@@ -29,82 +32,95 @@
 
     <!-- Standart -->
     <modal
-        v-model="modal1"
-        width="580"
-        heading="Sure you want to accept?"
-        text="A sure you want to accept this?"
-        rounded="lg"
-        :buttons="modal_buttons"
-        icon="mdi-check-circle-outline"
-        icon-size="34"
-      >
-        <template #body>
-          <v-text-field variant="solo-filled" flat hide-details placeholder="Text" />
-        </template>
-      </modal>
+      v-model="modal1"
+      width="580"
+      heading="Sure you want to accept?"
+      text="A sure you want to accept this?"
+      rounded="lg"
+      :buttons="modal_buttons"
+      icon="mdi-check-circle-outline"
+      icon-size="34"
+    >
+      <template #body>
+        <v-text-field
+          variant="solo-filled"
+          flat
+          hide-details
+          placeholder="Text"
+        />
+      </template>
+    </modal>
     <!-- Standart END -->
 
     <!-- No icon -->
     <modal
-        v-model="modal2"
-        width="580"
-        heading="Sure you want to accept?"
-        text="A sure you want to accept this?"
-        rounded="lg"
-        :buttons="modal_buttons"
-        buttons-direction="column-reverse"
-      />
+      v-model="modal2"
+      width="580"
+      heading="Sure you want to accept?"
+      text="A sure you want to accept this?"
+      rounded="lg"
+      :buttons="modal_buttons"
+      buttons-direction="column-reverse"
+    />
     <!-- No icon END -->
 
     <!-- Icon center -->
     <modal
-        v-model="modal3"
-        width="580"
-        heading="Successfully accepted !"
-        text="You have successfully completed the survey. We can download the application to our device. If you have any questions, you can contact us."
-        rounded="lg"
-        :buttons="modal_buttons"
-        buttons-direction="column-reverse"
-        icon-center
-        icon="mdi-check-circle-outline"
-        icon-color="dark"
-        icon-bg="transparent"
-        icon-size="52"
-      />
+      v-model="modal3"
+      width="580"
+      heading="Successfully accepted !"
+      text="You have successfully completed the survey. We can download the application to our device. If you have any questions, you can contact us."
+      rounded="lg"
+      :buttons="modal_buttons"
+      buttons-direction="column-reverse"
+      icon-center
+      icon="mdi-check-circle-outline"
+      icon-color="dark"
+      icon-bg="transparent"
+      icon-size="52"
+    />
     <!-- Icon center -->
 
     <!-- Image -->
     <modal
-        v-model="modal4"
-        width="580"
-        heading="Subscribe to our newsletter"
-        text="A sure you want to accept this?"
-        rounded="lg"
-        :buttons="modal_buttons"
-        img-rounded="lg"
-        img="https://images.unsplash.com/photo-1684252408280-737200626f2c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2788&q=80"
-      >
-        <template #body>
-          <v-text-field variant="solo-filled" flat hide-details placeholder="Email" />
-          <v-checkbox label="Don't show this again" hide-details></v-checkbox>
-        </template>
-      </modal>
+      v-model="modal4"
+      width="580"
+      heading="Subscribe to our newsletter"
+      text="A sure you want to accept this?"
+      rounded="lg"
+      :buttons="modal_buttons"
+      img-rounded="lg"
+      img="https://images.unsplash.com/photo-1684252408280-737200626f2c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2788&q=80"
+    >
+      <template #body>
+        <v-text-field
+          variant="solo-filled"
+          flat
+          hide-details
+          placeholder="Email"
+        />
+        <v-checkbox
+          label="Don't show this again"
+          hide-details
+        />
+      </template>
+    </modal>
     <!-- Image END -->
 
     <!-- Image fluid -->
     <modal
-        v-model="modal5"
-        width="580"
-        heading="Subscribe to our newsletter"
-        text="A sure you want to accept this?"
-        rounded="lg"
-        close-button-variant="tonal"
-        close-button-color="grey-lighten-3"
-        :buttons="modal_buttons"
-        img-height="300"
-        img-fluid
-        img="https://images.unsplash.com/photo-1684252408280-737200626f2c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2788&q=80"
-      />
+      v-model="modal5"
+      width="580"
+      heading="Subscribe to our newsletter"
+      text="A sure you want to accept this?"
+      rounded="lg"
+      close-button-variant="tonal"
+      close-button-color="grey-lighten-3"
+      :buttons="modal_buttons"
+      img-height="300"
+      img-fluid
+      img="https://images.unsplash.com/photo-1684252408280-737200626f2c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2788&q=80"
+    />
     <!-- Image fluid END -->
   </v-main>
 </template>
diff --git a/src/runtime/components/Pages/testVuetify.vue b/src/runtime/components/Pages/testVuetify.vue
index 03ee5c0..3e4c6a3 100644
--- a/src/runtime/components/Pages/testVuetify.vue
+++ b/src/runtime/components/Pages/testVuetify.vue
@@ -20,26 +20,42 @@
     </partsHeader>
     <!-- Header first variant END -->
 
-<!--    <v-main class="d-flex align-center">-->
-<!--      <downloadFiles-->
-<!--        :title="'О нас'"-->
-<!--        :files="[-->
-<!--          {title: 'Политика обработки персональных данных ', img: 'logo.svg', download: '1.png', size: '123 KB', alt: '', date: '20.02.22'},-->
-<!--          {title: 'Политика обработки персональных данных ', download: '2.docx', alt: '', date: '20.02.22'}-->
-<!--        ]"-->
-<!--      />-->
-<!--    </v-main>-->
+    <!--    <v-main class="d-flex align-center">-->
+    <!--      <downloadFiles-->
+    <!--        :title="'О нас'"-->
+    <!--        :files="[-->
+    <!--          {title: 'Политика обработки персональных данных ', img: 'logo.svg', download: '1.png', size: '123 KB', alt: '', date: '20.02.22'},-->
+    <!--          {title: 'Политика обработки персональных данных ', download: '2.docx', alt: '', date: '20.02.22'}-->
+    <!--        ]"-->
+    <!--      />-->
+    <!--    </v-main>-->
 
     <NuxtPage />
 
-    <v-footer app elevation="5">
-      <v-row no-gutters justify="center"
-             class="text-overline font-weight-black">
-        <p class="my-auto">I'm the footer</p>
+    <v-footer
+      app
+      elevation="5"
+    >
+      <v-row
+        no-gutters
+        justify="center"
+        class="text-overline font-weight-black"
+      >
+        <p class="my-auto">
+          I'm the footer
+        </p>
         <v-spacer />
-        <p class="my-auto">See how I was built</p>
-        <v-btn icon variant="plain">
-          <v-icon icon="$info" color="green-accent-4" />
+        <p class="my-auto">
+          See how I was built
+        </p>
+        <v-btn
+          icon
+          variant="plain"
+        >
+          <v-icon
+            icon="$info"
+            color="green-accent-4"
+          />
         </v-btn>
       </v-row>
     </v-footer>
diff --git a/src/runtime/components/Parts/Card.vue b/src/runtime/components/Parts/Card.vue
index 992313b..5cd2115 100644
--- a/src/runtime/components/Parts/Card.vue
+++ b/src/runtime/components/Parts/Card.vue
@@ -1,72 +1,136 @@
 <template>
   <v-card
+    v-if="styleCard === 'standard'"
     class="card-standard w-100"
     :max-width="+maxWidth + 'px'"
     :min-height="+minHeight == '' ? 100 + '%' : minHeight"
     :variant="variantCard"
-    :class="[horizontalCard === true ? 'd-flex pl-4 pt-4 pb-2' : 'd-block'], !imgSrc.length ? 'px-0 pt-4 pb-2' : 'pa-0 pb-2'"
-    v-if="styleCard === 'standard'"
+    :class="[`${horizontalCard === true ? 'd-flex pl-4 pt-4 pb-2' : 'd-block'} ${!imgSrc.length ? 'px-0 pt-4 pb-2' : 'pa-0 pb-2'}`]"
   >
     <v-img
+      v-if="imgSrc.length"
       :src="imgSrc"
       :alt="imgAlt"
       :width="horizontalCard === true ? +horizontalWidthImage + 'px' : 90 + '%'"
       class="rounded-lg"
       object-cover
       :class="horizontalCard === true ? 'ma-0' : 'ma-4'"
-      v-if="imgSrc.length"
     />
     <div class="d-flex flex-column">
-      <v-card-title class="text-h5 text-primary-black font-weight-regular pt-0" v-if="title.length">{{ title }}</v-card-title>
-      <v-card-text class="text-primary px-4 flex-0-1" v-if="text"><span class="text-15">{{ text }}</span></v-card-text>
+      <v-card-title
+        v-if="title.length"
+        class="text-h5 text-primary-black font-weight-regular pt-0"
+      >
+        {{ title }}
+      </v-card-title>
+      <v-card-text
+        v-if="text"
+        class="text-primary px-4 flex-0-1"
+      >
+        <span class="text-15">{{ text }}</span>
+      </v-card-text>
 
-      <v-card-subtitle class="mb-4 d-flex align-center" v-if="date || author" :class="dateAuthorRight === true ? 'justify-end': 'justify-start'">
+      <v-card-subtitle
+        v-if="date || author"
+        class="mb-4 d-flex align-center"
+        :class="dateAuthorRight === true ? 'justify-end': 'justify-start'"
+      >
         <span class="text-15">{{ date }}</span>
-        <svg class="mx-2" v-if="date && author" xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
-          <circle cx="4" cy="4" r="4" fill="#A5A7AD"/>
+        <svg
+          v-if="date && author"
+          class="mx-2"
+          xmlns="http://www.w3.org/2000/svg"
+          width="8"
+          height="8"
+          viewBox="0 0 8 8"
+          fill="none"
+        >
+          <circle
+            cx="4"
+            cy="4"
+            r="4"
+            fill="#A5A7AD"
+          />
         </svg>
         <span class="text-15">{{ author }}</span>
       </v-card-subtitle>
 
-      <v-card-actions class="mt-auto" v-if="$slots.button">
-        <slot name="button"></slot>
+      <v-card-actions
+        v-if="$slots.button"
+        class="mt-auto"
+      >
+        <slot name="button" />
       </v-card-actions>
     </div>
   </v-card>
   <v-card
+    v-else-if="styleCard === 'vacancy'"
     :max-width="+maxWidth + 'px'"
     :min-height="+minHeight == '' ? 100 + '%' : minHeight"
     :variant="variantCard"
-    v-else-if="styleCard === 'vacancy'"
     class="card-vacancy px-2 py-4 w-100"
   >
     <v-card-title
+      v-if="title || subtitle || imgSrc"
       class="d-flex font-weight-regular mb-2"
       :class="positionImageVacancy === 'start' ? 'flex-row-reverse justify-end' : 'justify-space-between'"
-      v-if="title || subtitle || imgSrc"
     >
       <div>
-        <p class="text-17" v-if="title">{{ title }}</p>
-        <p class="text-15 text-primary" v-if="subtitle">{{ subtitle }}</p>
+        <p
+          v-if="title"
+          class="text-17"
+        >
+          {{ title }}
+        </p>
+        <p
+          v-if="subtitle"
+          class="text-15 text-primary"
+        >
+          {{ subtitle }}
+        </p>
       </div>
-      <div v-if="imgSrc" :class="positionImageVacancy === 'start' ? 'mr-4' : ''">
-        <v-img :width="100" :src="imgSrc" :alt="imgAlt" class="rounded" />
+      <div
+        v-if="imgSrc"
+        :class="positionImageVacancy === 'start' ? 'mr-4' : ''"
+      >
+        <v-img
+          :width="100"
+          :src="imgSrc"
+          :alt="imgAlt"
+          class="rounded"
+        />
       </div>
     </v-card-title>
-    <v-card-subtitle class="font-weight-semi-bold text-black" style="opacity: 1;" v-if="price"><span class="text-15">{{ price }}</span></v-card-subtitle>
-    <v-card-text class="text-primary" v-if="text">{{ text }}</v-card-text>
-    <div class="px-4 pb-4 d-flex" style="column-gap: 8px" v-if="statusVacancy.length">
+    <v-card-subtitle
+      v-if="price"
+      class="font-weight-semi-bold text-black"
+      style="opacity: 1;"
+    >
+      <span class="text-15">{{ price }}</span>
+    </v-card-subtitle>
+    <v-card-text
+      v-if="text"
+      class="text-primary"
+    >
+      {{ text }}
+    </v-card-text>
+    <div
+      v-if="statusVacancy.length"
+      class="px-4 pb-4 d-flex"
+      style="column-gap: 8px"
+    >
       <v-chip
-        v-for="status in statusVacancy" :key="status.id"
+        v-for="status in statusVacancy"
+        :key="status.id"
         label
         :color="status.status === 'error' ? 'red' : 'green'"
         text-color="white"
       >
-        {{status.text}}
+        {{ status.text }}
       </v-chip>
     </div>
     <v-card-actions>
-      <slot name="button"></slot>
+      <slot name="button" />
     </v-card-actions>
   </v-card>
 </template>
diff --git a/src/runtime/components/Parts/Forms.vue b/src/runtime/components/Parts/Forms.vue
index f2284ed..c158ad0 100644
--- a/src/runtime/components/Parts/Forms.vue
+++ b/src/runtime/components/Parts/Forms.vue
@@ -1,12 +1,37 @@
 <template>
-  <v-sheet v-if="styleForm === 'standard' && (bigImage === '' && smallImage === '')" :max-width="Object.keys(commentary).length ? 825 : 1100" class="mx-auto custom-ui-form">
-    <v-form ref="form" @submit.prevent="dataForm($refs.form.isValid)">
+  <v-sheet
+    v-if="styleForm === 'standard' && (bigImage === '' && smallImage === '')"
+    :max-width="Object.keys(commentary).length ? 825 : 1100"
+    class="mx-auto custom-ui-form"
+  >
+    <v-form
+      ref="form"
+      @submit.prevent="dataForm($refs.form.isValid)"
+    >
       <v-row class="px-sm-10 pb-sm-8 pa-6">
-        <v-col cols="12" :sm="Object.keys(commentary).length ? 12 : 6" v-if="title.length">
-          <p class="text-sm-32 text-h5" :class="subtitle === '' ? 'mb-sm-5' : 'mb-sm-3'" v-if="title.length">{{ title }}</p>
-          <p class="text-sm-18 text-15 mb-4" v-if="subtitle.length">{{ subtitle }}</p>
+        <v-col
+          v-if="title.length"
+          cols="12"
+          :sm="Object.keys(commentary).length ? 12 : 6"
+        >
+          <p
+            v-if="title.length"
+            class="text-sm-32 text-h5"
+            :class="subtitle === '' ? 'mb-sm-5' : 'mb-sm-3'"
+          >
+            {{ title }}
+          </p>
+          <p
+            v-if="subtitle.length"
+            class="text-sm-18 text-15 mb-4"
+          >
+            {{ subtitle }}
+          </p>
         </v-col>
-        <v-col cols="12" sm="6">
+        <v-col
+          cols="12"
+          sm="6"
+        >
           <v-row :class="Object.keys(commentary).length ? 'pa-0' : 'pt-4'">
             <v-col
               v-for="(input, index) in inputs"
@@ -38,8 +63,14 @@
             </v-col>
           </v-row>
         </v-col>
-        <v-col cols="12" sm="6" class="pt-3 pb-0 py-sm-0" v-if="Object.keys(commentary).length">
+        <v-col
+          v-if="Object.keys(commentary).length"
+          cols="12"
+          sm="6"
+          class="pt-3 pb-0 py-sm-0"
+        >
           <v-textarea
+            v-model="comValue"
             :variant="commentary.variant || 'outlined'"
             :label="commentary.label || 'Комментарий'"
             :rules="commentary.rules"
@@ -54,22 +85,46 @@
             :append-inner-icon="commentary.appendInnerIcon"
             :no-resize="commentary.noResize || false"
             :rows="commentary.rows || 8"
-            v-model="comValue"
           />
         </v-col>
-        <v-col cols="12" sm="6" class="pl-1 py-0">
-          <v-checkbox :color="checkboxSetting.color" v-model="checked" :rules="checkboxSetting.rules"  v-if="Object.keys(commentary).length">
-            <template v-slot:label>
+        <v-col
+          cols="12"
+          sm="6"
+          class="pl-1 py-0"
+        >
+          <v-checkbox
+            v-if="Object.keys(commentary).length"
+            v-model="checked"
+            :color="checkboxSetting.color"
+            :rules="checkboxSetting.rules"
+          >
+            <template #label>
               <span class="text-13">{{ checkboxSetting.label }}</span>
             </template>
           </v-checkbox>
         </v-col>
-        <v-col cols="12" sm="6" class="d-flex flex-column justify-end" :class="!Object.keys(commentary).length ? 'py-0' : ''">
-          <v-btn type="submit" size="x-large" block :class="!Object.keys(commentary).length ? 'mb-3' : ''" color="primary">
+        <v-col
+          cols="12"
+          sm="6"
+          class="d-flex flex-column justify-end"
+          :class="!Object.keys(commentary).length ? 'py-0' : ''"
+        >
+          <v-btn
+            type="submit"
+            size="x-large"
+            block
+            :class="!Object.keys(commentary).length ? 'mb-3' : ''"
+            color="primary"
+          >
             {{ textButton }}
           </v-btn>
-          <v-checkbox :color="checkboxSetting.color" v-model="checked" :rules="checkboxSetting.rules" v-if="!Object.keys(commentary).length">
-            <template v-slot:label>
+          <v-checkbox
+            v-if="!Object.keys(commentary).length"
+            v-model="checked"
+            :color="checkboxSetting.color"
+            :rules="checkboxSetting.rules"
+          >
+            <template #label>
               <span class="text-13">{{ checkboxSetting.label }}</span>
             </template>
           </v-checkbox>
@@ -77,12 +132,33 @@
       </v-row>
     </v-form>
   </v-sheet>
-  <v-sheet v-if="styleForm === 'call' && (bigImage === '' && smallImage === '')" :max-width="456" class="mx-auto pa-4 custom-ui-form">
-    <v-form ref="form" @submit.prevent="dataForm($refs.form.isValid)">
+  <v-sheet
+    v-if="styleForm === 'call' && (bigImage === '' && smallImage === '')"
+    :max-width="456"
+    class="mx-auto pa-4 custom-ui-form"
+  >
+    <v-form
+      ref="form"
+      @submit.prevent="dataForm($refs.form.isValid)"
+    >
       <v-row>
-        <v-col cols="12" class="text-center mb-3" v-if="title.length || subtitle.length">
-          <p class="text-h5 text-sm-32 mb-3" v-if="title">{{ title }}</p>
-          <p class="text-sm-18 text-15 " v-if="subtitle">{{ subtitle }}</p>
+        <v-col
+          v-if="title.length || subtitle.length"
+          cols="12"
+          class="text-center mb-3"
+        >
+          <p
+            v-if="title"
+            class="text-h5 text-sm-32 mb-3"
+          >
+            {{ title }}
+          </p>
+          <p
+            v-if="subtitle"
+            class="text-sm-18 text-15 "
+          >
+            {{ subtitle }}
+          </p>
         </v-col>
         <v-col
           v-for="(input, index) in inputs"
@@ -113,23 +189,53 @@
             class="mb-2"
           />
         </v-col>
-        <v-col cols="12" class="py-0 pl-1">
-          <v-checkbox :color="checkboxSetting.color" v-model="checked" :rules="checkboxSetting.rules"  v-if="Object.keys(commentary).length">
-            <template v-slot:label>
+        <v-col
+          cols="12"
+          class="py-0 pl-1"
+        >
+          <v-checkbox
+            v-if="Object.keys(commentary).length"
+            v-model="checked"
+            :color="checkboxSetting.color"
+            :rules="checkboxSetting.rules"
+          >
+            <template #label>
               <span class="text-13">{{ checkboxSetting.label }}</span>
             </template>
           </v-checkbox>
         </v-col>
-        <v-col cols="12" class="pt-0 pb-4">
-          <v-btn type="submit" block size="x-large" color="primary">
+        <v-col
+          cols="12"
+          class="pt-0 pb-4"
+        >
+          <v-btn
+            type="submit"
+            block
+            size="x-large"
+            color="primary"
+          >
             {{ textButton }}
           </v-btn>
         </v-col>
         <v-col cols="12">
-          <ul class="d-flex justify-center align-center" style="list-style: none; column-gap: 8px">
-            <li v-for="(social, index) in socials" :key="`social-${index}`">
-              <a :href="social.link" target="_blank" rel="noopener noreferrer">
-              <v-img :src="social.img" :alt="social.alt" width="32"/>
+          <ul
+            class="d-flex justify-center align-center"
+            style="list-style: none; column-gap: 8px"
+          >
+            <li
+              v-for="(social, index) in socials"
+              :key="`social-${index}`"
+            >
+              <a
+                :href="social.link"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <v-img
+                  :src="social.img"
+                  :alt="social.alt"
+                  width="32"
+                />
               </a>
             </li>
           </ul>
@@ -137,15 +243,46 @@
       </v-row>
     </v-form>
   </v-sheet>
-  <v-sheet v-if="bigImage.length || smallImage.length" class="mx-auto custom-ui-form">
-    <v-form ref="form" @submit.prevent="dataForm($refs.form.isValid)" class="pa-6 px-sm-10 pt-sm-10 pb-sm-5">
+  <v-sheet
+    v-if="bigImage.length || smallImage.length"
+    class="mx-auto custom-ui-form"
+  >
+    <v-form
+      ref="form"
+      class="pa-6 px-sm-10 pt-sm-10 pb-sm-5"
+      @submit.prevent="dataForm($refs.form.isValid)"
+    >
       <v-row>
-        <v-col cols="12" class="text-center mb-7 text-sm-32 text-h5" v-if="smallImage.length">{{ title }}</v-col>
-        <v-col cols="6" v-if="bigImage.length" class="d-none d-sm-block"><v-img :src="bigImage" :alt="altImage" cover /></v-col>
-        <v-col cols="12" sm="6">
+        <v-col
+          v-if="smallImage.length"
+          cols="12"
+          class="text-center mb-7 text-sm-32 text-h5"
+        >
+          {{ title }}
+        </v-col>
+        <v-col
+          v-if="bigImage.length"
+          cols="6"
+          class="d-none d-sm-block"
+        >
+          <v-img
+            :src="bigImage"
+            :alt="altImage"
+            cover
+          />
+        </v-col>
+        <v-col
+          cols="12"
+          sm="6"
+        >
           <v-row>
-            <v-col cols="12" v-if="bigImage.length">
-              <p class="text-sm-32 text-h5 mb-5">{{ title }}</p>
+            <v-col
+              v-if="bigImage.length"
+              cols="12"
+            >
+              <p class="text-sm-32 text-h5 mb-5">
+                {{ title }}
+              </p>
             </v-col>
             <v-col
               v-for="(input, index) in inputs"
@@ -176,8 +313,13 @@
                 class="mb-2"
               />
             </v-col>
-            <v-col cols="12" class="pb-2 pt-0" v-if="Object.keys(combobox).length">
+            <v-col
+              v-if="Object.keys(combobox).length"
+              cols="12"
+              class="pb-2 pt-0"
+            >
               <v-combobox
+                v-model="comboboxValue"
                 :variant="combobox.variant || 'outlined'"
                 :label="combobox.label || 'Выбери пункт'"
                 :rules="combobox.rules"
@@ -186,11 +328,15 @@
                 :multiple="combobox.multiple"
                 :items="combobox.items"
                 :value="combobox.value"
-                v-model="comboboxValue"
               />
             </v-col>
-            <v-col cols="12" class="py-0" v-if="Object.keys(commentary).length">
+            <v-col
+              v-if="Object.keys(commentary).length"
+              cols="12"
+              class="py-0"
+            >
               <v-textarea
+                v-model="comValue"
                 :variant="commentary.variant || 'outlined'"
                 :label="commentary.label || 'Комментарий'"
                 :rules="commentary.rules"
@@ -205,40 +351,94 @@
                 :append-inner-icon="commentary.appendInnerIcon"
                 :no-resize="commentary.noResize || false"
                 :rows="commentary.rows || 8"
-                v-model="comValue"
               />
             </v-col>
-            <v-col cols="12" class="pa-0 px-3 pt-1">
-              <v-btn type="submit" block size="x-large" color="primary" class="mb-3">
+            <v-col
+              cols="12"
+              class="pa-0 px-3 pt-1"
+            >
+              <v-btn
+                type="submit"
+                block
+                size="x-large"
+                color="primary"
+                class="mb-3"
+              >
                 {{ textButton }}
               </v-btn>
             </v-col>
-            <v-col cols="12" class="pb-5 pa-sm-0 pl-1">
-              <v-checkbox :color="checkboxSetting.color" v-model="checked" :rules="checkboxSetting.rules">
-                <template v-slot:label>
+            <v-col
+              cols="12"
+              class="pb-5 pa-sm-0 pl-1"
+            >
+              <v-checkbox
+                v-model="checked"
+                :color="checkboxSetting.color"
+                :rules="checkboxSetting.rules"
+              >
+                <template #label>
                   <span class="text-13">{{ checkboxSetting.label }}</span>
                 </template>
               </v-checkbox>
             </v-col>
           </v-row>
         </v-col>
-        <v-col cols="12" sm="6" v-if="smallImage.length">
+        <v-col
+          v-if="smallImage.length"
+          cols="12"
+          sm="6"
+        >
           <v-row>
-            <v-col cols="12" v-for="(info, index) in infoCompany" :key="`info-${index}`" class="d-flex align-center pt-0 pb-5" style="column-gap: 12px">
-              <v-icon :icon="info.icon" :color="info.colorIcon" :size="info.sizeIcon" />
+            <v-col
+              v-for="(info, index) in infoCompany"
+              :key="`info-${index}`"
+              cols="12"
+              class="d-flex align-center pt-0 pb-5"
+              style="column-gap: 12px"
+            >
+              <v-icon
+                :icon="info.icon"
+                :color="info.colorIcon"
+                :size="info.sizeIcon"
+              />
               <span>{{ info.text }}</span>
             </v-col>
-            <v-col cols="12" v-if="socials.length">
-              <ul class="d-flex" style="column-gap: 8px; list-style: none">
-                <li v-for="(social, index) in socials" :key="`social-${index}`">
-                  <a :href="social.link" target="_blank" rel="noopener noreferrer">
-                    <v-img :src="social.img" :alt="social.alt" :width="35"/>
+            <v-col
+              v-if="socials.length"
+              cols="12"
+            >
+              <ul
+                class="d-flex"
+                style="column-gap: 8px; list-style: none"
+              >
+                <li
+                  v-for="(social, index) in socials"
+                  :key="`social-${index}`"
+                >
+                  <a
+                    :href="social.link"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <v-img
+                      :src="social.img"
+                      :alt="social.alt"
+                      :width="35"
+                    />
                   </a>
                 </li>
               </ul>
             </v-col>
-            <v-col cols="12" v-if="smallImage.length">
-              <v-img :src="smallImage" :alt="altImage" style="width: 100%" cover></v-img>
+            <v-col
+              v-if="smallImage.length"
+              cols="12"
+            >
+              <v-img
+                :src="smallImage"
+                :alt="altImage"
+                style="width: 100%"
+                cover
+              />
             </v-col>
           </v-row>
         </v-col>
@@ -280,15 +480,15 @@ const dataForm = (validForm) => {
   if(validForm) {
     if(Object.keys(props.combobox).length) {
       if(comboboxValue.value.length && inputValues.value.every(value => value) && checked.value && comValue.value) {
-        emit('form-data', [inputValues._rawValue, comboboxValue._rawValue, comValue._rawValue] )
+        emit('form-data', [inputValues.value._rawValue, comboboxValue.value._rawValue, comValue.value._rawValue] )
       }
     } else if(Object.keys(props.commentary).length) {
       if(inputValues.value.every(value => value) && checked.value && comValue.value) {
-        emit('form-data', [inputValues._rawValue, comValue._rawValue] )
+        emit('form-data', [inputValues.value._rawValue, comValue.value._rawValue] )
       }
     } else {
       if(inputValues.value.every(value => value) && checked.value) {
-        emit('form-data', [inputValues._rawValue] )
+        emit('form-data', [inputValues.value._rawValue] )
       }
     }
   } else {
diff --git a/src/runtime/components/Parts/News.vue b/src/runtime/components/Parts/News.vue
index 99d35b9..af7c80d 100644
--- a/src/runtime/components/Parts/News.vue
+++ b/src/runtime/components/Parts/News.vue
@@ -1,7 +1,12 @@
 <template>
   <v-container class="d-flex flex-column align-center justify-center">
     <div class="parts__news-title mb-5">
-      <h2 class="text-32 font-weight-regular" :class="`justify-${positionTitle}`">{{ title }}</h2>
+      <h2
+        class="text-32 font-weight-regular"
+        :class="`justify-${positionTitle}`"
+      >
+        {{ title }}
+      </h2>
     </div>
     <v-row>
       <v-col
@@ -30,14 +35,14 @@
           :city="card.city"
           :status-vacancy="card.statusVacancy"
         >
-          <template v-slot:button>
+          <template #button>
             <v-btn
               :icon="card.iconButton"
               :append-icon="card.appendIconButton"
               v-bind="settingsButton"
-              @click="card.functionButton()"
               class="d-flex"
               style="column-gap: 6px"
+              @click="card.functionButton()"
             >
               {{ card.textButton }}
             </v-btn>
@@ -45,7 +50,7 @@
         </Card>
       </v-col>
     </v-row>
-    <slot name="buttonNews"></slot>
+    <slot name="buttonNews" />
   </v-container>
 </template>
 
diff --git a/src/runtime/components/Parts/files/downloadFiles.vue b/src/runtime/components/Parts/files/downloadFiles.vue
index ada865e..337f245 100644
--- a/src/runtime/components/Parts/files/downloadFiles.vue
+++ b/src/runtime/components/Parts/files/downloadFiles.vue
@@ -1,7 +1,18 @@
 <template>
   <v-container>
-    <h2 class="d-flex text-primary mb-6" :class="`justify-${positionTitle}`">{{ title }}</h2>
-    <div v-for="(file, index) in files" :key="`file-${index}`" class="d-flex align-center py-3" @click="downloadFile(file)" style="cursor: pointer; column-gap: 12px">
+    <h2
+      class="d-flex text-primary mb-6"
+      :class="`justify-${positionTitle}`"
+    >
+      {{ title }}
+    </h2>
+    <div
+      v-for="(file, index) in files"
+      :key="`file-${index}`"
+      class="d-flex align-center py-3"
+      style="cursor: pointer; column-gap: 12px"
+      @click="downloadFile(file)"
+    >
       <v-img
         max-width="44"
         class="w-100"
@@ -10,7 +21,9 @@
         :alt="file.alt || getFileExtension(file.download)"
       />
       <div>
-        <p class="text-body-1 text-sm-18 text-black mb-1">{{ file.title }}</p>
+        <p class="text-body-1 text-sm-18 text-black mb-1">
+          {{ file.title }}
+        </p>
         <p class="text-body-2 text-primary-gray">
           {{ getFileExtension(file.download).toUpperCase() }}<span v-if="file.size || file.date">,</span>
           {{ file.size }}<span v-if="file.size && file.date">,</span>
@@ -18,7 +31,7 @@
         </p>
       </div>
     </div>
-    <slot name="button"></slot>
+    <slot name="button" />
   </v-container>
 </template>
 
diff --git a/src/runtime/components/Parts/footer/footer.vue b/src/runtime/components/Parts/footer/footer.vue
index 807c00f..6a3e644 100644
--- a/src/runtime/components/Parts/footer/footer.vue
+++ b/src/runtime/components/Parts/footer/footer.vue
@@ -1,9 +1,17 @@
 <template>
   <v-footer class="footer">
     <v-container class="px-0">
-      <div class="footer-top-first" v-if="Object.keys(firstStyleTop).length">
+      <div
+        v-if="Object.keys(firstStyleTop).length"
+        class="footer-top-first"
+      >
         <v-row class="px-0 py-10 py-sm-11">
-          <v-col cols="12" align="center" justify="center" class="mb-4 mb-sm-6">
+          <v-col
+            cols="12"
+            align="center"
+            justify="center"
+            class="mb-4 mb-sm-6"
+          >
             <v-img
               aspect-ratio="1/1"
               cover
@@ -11,7 +19,12 @@
               :src="logo.img"
             />
           </v-col>
-          <v-col cols="12" align="center" justify="center" class="mb-4 mb-sm-6 px-0">
+          <v-col
+            cols="12"
+            align="center"
+            justify="center"
+            class="mb-4 mb-sm-6 px-0"
+          >
             <p class="d-block mb-2 mb-sm-4 text-h6 text-sm-h4 text-primary">
               {{ firstStyleTop.text_top.title }}
             </p>
@@ -19,12 +32,15 @@
               {{ firstStyleTop.text_top.subtitle }}
             </p>
           </v-col>
-          <v-col cols="12" class="d-flex justify-center align-center px-0 flex-wrap">
+          <v-col
+            cols="12"
+            class="d-flex justify-center align-center px-0 flex-wrap"
+          >
             <v-btn
-              class="mr-sm-2 mr-3 border text-body-1 mb-4"
-              elevation="0"
               v-for="(button, index) in firstStyleTop.button_top"
               :key="button.id"
+              class="mr-sm-2 mr-3 border text-body-1 mb-4"
+              elevation="0"
               :color="index === 1 ? 'primary' : button.backgroundColor"
               :prepend-icon="button.leftIcon"
               :append-icon="button.rightIcon"
@@ -36,25 +52,42 @@
           </v-col>
         </v-row>
       </div>
-      <div class="footer-top-second" v-if="Object.keys(secondStyleTop).length">
+      <div
+        v-if="Object.keys(secondStyleTop).length"
+        class="footer-top-second"
+      >
         <v-row class="px-0 pt-10 pt-sm-11">
-          <v-col cols="12" md="7">
-            <p class="mb-2 text-h6 text-primary font-weight-regular">{{ secondStyleTop.title }}</p>
-            <p class="text-subtitle-1 text-primary-gray">{{ secondStyleTop.subtitle }}</p>
+          <v-col
+            cols="12"
+            md="7"
+          >
+            <p class="mb-2 text-h6 text-primary font-weight-regular">
+              {{ secondStyleTop.title }}
+            </p>
+            <p class="text-subtitle-1 text-primary-gray">
+              {{ secondStyleTop.subtitle }}
+            </p>
           </v-col>
-          <v-col cols="12" md="5" class="px-0">
+          <v-col
+            cols="12"
+            md="5"
+            class="px-0"
+          >
             <div class="footer-top-input">
-              <slot name="input"></slot>
+              <slot name="input" />
             </div>
           </v-col>
         </v-row>
       </div>
-      <div class="footer-menu" v-if="menu.length || logoInBody === true || store.length">
+      <div
+        v-if="menu.length || logoInBody === true || store.length"
+        class="footer-menu"
+      >
         <v-row class="pb-10 py-sm-15">
           <v-col
+            v-if="logoInBody === true"
             cols="12"
             :md="menu.length ? '3' : '10'"
-            v-if="logoInBody === true"
           >
             <v-img
               v-if="logo.img"
@@ -63,54 +96,94 @@
               :heigth="60"
               :class="logo.title || logo.subtitle ? 'mb-7' : 'mb-10'"
             />
-            <p class="font-weight-medium mb-3 mb-sm-7 text-primary text-subtitle-1" v-if="logo.title">
+            <p
+              v-if="logo.title"
+              class="font-weight-medium mb-3 mb-sm-7 text-primary text-subtitle-1"
+            >
               {{ logo.title }}
             </p>
-            <p class="mb-5 mb-sm-7 text-primary-gray text-body-2" style="max-width: 265px" v-if="logo.subtitle">
+            <p
+              v-if="logo.subtitle"
+              class="mb-5 mb-sm-7 text-primary-gray text-body-2"
+              style="max-width: 265px"
+            >
               {{ logo.subtitle }}
             </p>
-            <ul class="d-flex flex-wrap" style="column-gap: 24px" v-if="nav.length && navInBottom === false">
-              <li class="mb-4 mb-sm-2" v-for="item in nav" :key="item.id">
-                <nuxt-link class="text-primary text-body-1" :to="item.link">
+            <ul
+              v-if="nav.length && navInBottom === false"
+              class="d-flex flex-wrap"
+              style="column-gap: 24px"
+            >
+              <li
+                v-for="item in nav"
+                :key="item.id"
+                class="mb-4 mb-sm-2"
+              >
+                <nuxt-link
+                  class="text-primary text-body-1"
+                  :to="item.link"
+                >
                   {{ item.text }}
                 </nuxt-link>
               </li>
             </ul>
           </v-col>
           <v-col
+            v-for="(menuItem, index) in menu"
+            :key="menuItem.id"
             cols="6"
             :sm="logoInBody === true ? '4' : '3'"
             :md="logoInBody === true ? (index === menu.length - 1 ? '1' : '2') : '2'"
-            v-for="(menuItem, index) in menu"
-            :key="menuItem.id"
           >
-            <p class="text-primary-gray mb-4 mb-sm-5 text-body-2">{{ menuItem.title }}</p>
+            <p class="text-primary-gray mb-4 mb-sm-5 text-body-2">
+              {{ menuItem.title }}
+            </p>
             <ul>
-              <li class="mb-2 text-body-1" v-for="item in menuItem.links" :key="item.id">
-                <nuxt-link class="text-primary" :to="item.link">{{ item.text }}</nuxt-link>
+              <li
+                v-for="item in menuItem.links"
+                :key="item.id"
+                class="mb-2 text-body-1"
+              >
+                <nuxt-link
+                  class="text-primary"
+                  :to="item.link"
+                >
+                  {{ item.text }}
+                </nuxt-link>
               </li>
             </ul>
           </v-col>
           <v-col
+            v-if="store.length"
             :cols="menu.length ? '6' : '12'"
             :sm="menu.length ? '2' : '8' "
             :md="menu.length ? '2' : '2'"
-            v-if="store.length"
             :class="{'d-sm-none': storeOnlyMob}"
           >
-            <p v-if="store[0].title" class="text-primary mb-5">{{ store[0].title }}</p>
-            <ul class="d-flex justify-start flex-row justify-lg-end flex-lg-column flex-wrap" :class="{'flex-column': menu.length}">
+            <p
+              v-if="store[0].title"
+              class="text-primary mb-5"
+            >
+              {{ store[0].title }}
+            </p>
+            <ul
+              class="d-flex justify-start flex-row justify-lg-end flex-lg-column flex-wrap"
+              :class="{'flex-column': menu.length}"
+            >
               <li
                 v-for="item in store"
                 :key="item.id"
                 class="mr-4"
               >
-                <a :href="item.link" v-if="item.img">
+                <a
+                  v-if="item.img"
+                  :href="item.link"
+                >
                   <v-img
+                    v-if="item.img"
                     class="mb-4"
                     :width="140"
                     aspect-ratio="16/9"
-                    v-if="item.img"
                     :src="item.img"
                   />
                 </a>
@@ -119,34 +192,74 @@
           </v-col>
         </v-row>
       </div>
-      <hr v-if="showBorder === true" class="text-primary-gray" />
+      <hr
+        v-if="showBorder === true"
+        class="text-primary-gray"
+      >
       <div class="footer-bottom">
         <v-row class="pt-7 pb-sm-15 align-center">
-          <v-col cols="12" sm="6" v-if="logoInBottom === true">
+          <v-col
+            v-if="logoInBottom === true"
+            cols="12"
+            sm="6"
+          >
             <v-img
               aspect-ratio="4/3"
               cover
               :width="60"
               :src="logo.img"
             />
-            <p class="font-weight-medium text-primary text-h5 font-weight-medium">{{ logo.title }}</p>
+            <p class="font-weight-medium text-primary text-h5 font-weight-medium">
+              {{ logo.title }}
+            </p>
           </v-col>
-          <v-col cols="12" sm="6" v-if="copyright.length">
+          <v-col
+            v-if="copyright.length"
+            cols="12"
+            sm="6"
+          >
             <p
               :class="logoInBottom === true ? 'justify-end' : 'justify-start'"
               class="d-flex text-primary-gray"
-            >{{ copyright }}</p>
+            >
+              {{ copyright }}
+            </p>
           </v-col>
-          <v-col cols="12" sm="6" v-if="navInBottom === true">
-            <ul class="d-flex flex-wrap justify-end" style="column-gap: 20px">
-              <li v-for="item in nav" :key="item.id">
-                <nuxt-link class="text-primary-gray" :to="item.link">{{ item.text }}</nuxt-link>
+          <v-col
+            v-if="navInBottom === true"
+            cols="12"
+            sm="6"
+          >
+            <ul
+              class="d-flex flex-wrap justify-end"
+              style="column-gap: 20px"
+            >
+              <li
+                v-for="item in nav"
+                :key="item.id"
+              >
+                <nuxt-link
+                  class="text-primary-gray"
+                  :to="item.link"
+                >
+                  {{ item.text }}
+                </nuxt-link>
               </li>
             </ul>
           </v-col>
-          <v-col cols="12" sm="6" v-if="social.length">
-            <ul class="d-flex flex-wrap justify-end" style="column-gap: 20px">
-              <li v-for="item in social" :key="item.id">
+          <v-col
+            v-if="social.length"
+            cols="12"
+            sm="6"
+          >
+            <ul
+              class="d-flex flex-wrap justify-end"
+              style="column-gap: 20px"
+            >
+              <li
+                v-for="item in social"
+                :key="item.id"
+              >
                 <a :href="item.link">
                   <v-img
                     aspect-ratio="1/1"
diff --git a/src/runtime/components/Parts/header/header.vue b/src/runtime/components/Parts/header/header.vue
index 0a2e40b..5841bc7 100644
--- a/src/runtime/components/Parts/header/header.vue
+++ b/src/runtime/components/Parts/header/header.vue
@@ -15,20 +15,32 @@
         >
           <v-container class="py-0 d-flex h-100">
             <div class="d-flex w-100 border-b border-grey-darken-1">
-              <ul class="header-menu h-100" v-if="variant === 'top-bar'">
-                <li v-for="menu_item in topMenu" :key="`header-top-menu-item-${menu_item.id}`">
-                  <nuxt-link :to="menu_item.url" class="header-menu-link text-subtitle-2">
+              <ul
+                v-if="variant === 'top-bar'"
+                class="header-menu h-100"
+              >
+                <li
+                  v-for="menu_item in topMenu"
+                  :key="`header-top-menu-item-${menu_item.id}`"
+                >
+                  <nuxt-link
+                    :to="menu_item.url"
+                    class="header-menu-link text-subtitle-2"
+                  >
                     {{ menu_item.title }}
                   </nuxt-link>
                 </li>
               </ul>
 
-              <div class="d-flex mx-n4" v-if="variant === 'tabs'">
+              <div
+                v-if="variant === 'tabs'"
+                class="d-flex mx-n4"
+              >
                 <nuxt-link
-                  class="mx-4 py-5 position-relative text-decoration-none text-grey-darken-2"
-                  active-class="tab-link-active"
                   v-for="tab in tabs"
                   :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"
                 >
                   {{ tab.title }}
@@ -44,7 +56,8 @@
                   color="grey-darken-2"
                   :prepend-icon="link.prepend_icon"
                   :append-icon="link.append_icon"
-                  :href="link.url">
+                  :href="link.url"
+                >
                   {{ link.title }}
                 </v-btn>
 
@@ -58,7 +71,10 @@
         <!-- Header main -->
         <v-container class="d-flex align-stretch py-0 flex-grow-1">
           <!-- Burger -->
-          <v-app-bar-nav-icon class="d-block d-md-none my-auto" @click="menu_open = !menu_open" />
+          <v-app-bar-nav-icon
+            class="d-block d-md-none my-auto"
+            @click="menu_open = !menu_open"
+          />
           <!-- Burger END -->
 
           <!-- Logo -->
@@ -73,7 +89,10 @@
 
           <!-- Menu -->
           <div class="ml-auto flex-grow-1 justify-center d-md-flex d-none flex-column">
-            <div class="d-flex mx-n3 pt-5 mb-2" v-if="variant === 'menu-top-bar'">
+            <div
+              v-if="variant === 'menu-top-bar'"
+              class="d-flex mx-n3 pt-5 mb-2"
+            >
               <nuxt-link
                 v-for="menu_top_link in topMenu"
                 :key="menu_top_link"
@@ -87,7 +106,10 @@
 
             <slot name="menu">
               <ul class="header-menu flex-grow-1">
-                <li v-for="menu_item in menu" :key="`header-menu-item-${menu_item.id}`">
+                <li
+                  v-for="menu_item in menu"
+                  :key="`header-menu-item-${menu_item.id}`"
+                >
                   <NuxtLink
                     class="header-menu-link"
                     :class="{'align-start' : variant === 'menu-top-bar'} "
@@ -105,10 +127,10 @@
           <!-- Buttons -->
           <div class="mx-n2 d-flex align-center gap-1">
             <v-btn
-              class="text-body-1 mx-2"
-              :class="[button.class]"
               v-for="button in buttons"
               :key="`header-button-${button.id}`"
+              class="text-body-1 mx-2"
+              :class="[button.class]"
               :elevation="'elevation' in button ? button.elevation : '0'"
               :variant="button.variant"
               :color="button.color"
@@ -125,13 +147,20 @@
       </div>
     </v-app-bar>
 
-    <v-navigation-drawer class="w-100 d-flex d-md-none" v-model="menu_open" location="left">
+    <v-navigation-drawer
+      v-model="menu_open"
+      class="w-100 d-flex d-md-none"
+      location="left"
+    >
       <!-- Menu -->
       <ul
         class="header-menu header-menu-mobile w-100 bg-white d-md-none d-flex flex-column"
         :class="{'open': menu_open}"
       >
-        <li v-for="menu_item in menu" :key="`header-menu-item-${menu_item.id}`">
+        <li
+          v-for="menu_item in menu"
+          :key="`header-menu-item-${menu_item.id}`"
+        >
           <NuxtLink
             class="header-menu-link"
             active-class="header-menu-link-active"
@@ -143,11 +172,14 @@
       </ul>
       <!-- Menu END -->
 
-      <div class="d-flex flex-column px-4" v-if="variant === 'top-bar' || variant === 'menu-top-bar'">
+      <div
+        v-if="variant === 'top-bar' || variant === 'menu-top-bar'"
+        class="d-flex flex-column px-4"
+      >
         <nuxt-link
-          class="text-decoration-none text-grey-darken-2 text-subtitle-2 py-3"
           v-for="link in topMenu"
           :key="link.id"
+          class="text-decoration-none text-grey-darken-2 text-subtitle-2 py-3"
           :to="link.url"
         >
           {{ link.title }}
@@ -247,7 +279,7 @@ const getHeight = (variant) => {
   return heights[variant]
 }
 
-let headerHeight = getHeight(props.variant)
+const headerHeight = getHeight(props.variant)
 
 // Init screen width
 let screen_width
diff --git a/src/runtime/components/Parts/modal.vue b/src/runtime/components/Parts/modal.vue
index aa1c832..dafbe55 100644
--- a/src/runtime/components/Parts/modal.vue
+++ b/src/runtime/components/Parts/modal.vue
@@ -1,7 +1,11 @@
 <template>
   <v-dialog v-model="value">
     <v-card :rounded="rounded">
-      <div class="w-100 d-flex" :class="{'position-absolute pt-5 px-5': imgFluid}" style="z-index: 1000">
+      <div
+        class="w-100 d-flex"
+        :class="{'position-absolute pt-5 px-5': imgFluid}"
+        style="z-index: 1000"
+      >
         <v-btn
           v-bind="closeButtonAttrs"
           class="ml-auto"
@@ -9,18 +13,42 @@
         />
       </div>
 
-      <div class="flex-grow-1 px-0 d-flex mb-4" :class="{'px-5': !imgFluid}" v-if="img.length">
-        <div class="overflow-hidden h-100 w-100" :class="[`rounded-${imgRounded}`]">
-          <v-img :src="img" v-bind="imageAttrs" cover />
+      <div
+        v-if="img.length"
+        class="flex-grow-1 px-0 d-flex mb-4"
+        :class="{'px-5': !imgFluid}"
+      >
+        <div
+          class="overflow-hidden h-100 w-100"
+          :class="[`rounded-${imgRounded}`]"
+        >
+          <v-img
+            :src="img"
+            v-bind="imageAttrs"
+            cover
+          />
         </div>
       </div>
 
-      <v-card-text class="pt-0 pb-4 d-flex align-center" :class="{'flex-column': iconCenter}">
-        <div v-if="icon.length" :class="[`bg-${iconBg}`]" class="icon-container pa-3 rounded-lg d-flex align-center justify-center mr-4">
-          <v-icon v-bind="iconAttrs" :icon="icon" />
+      <v-card-text
+        class="pt-0 pb-4 d-flex align-center"
+        :class="{'flex-column': iconCenter}"
+      >
+        <div
+          v-if="icon.length"
+          :class="[`bg-${iconBg}`]"
+          class="icon-container pa-3 rounded-lg d-flex align-center justify-center mr-4"
+        >
+          <v-icon
+            v-bind="iconAttrs"
+            :icon="icon"
+          />
         </div>
 
-        <div class="flex-grow-1" :class="{'text-center' : (!icon.length || iconCenter)}">
+        <div
+          class="flex-grow-1"
+          :class="{'text-center' : (!icon.length || iconCenter)}"
+        >
           <p class="text-h6 text-lg-h5 mb-0">
             {{ heading }}
           </p>
@@ -35,8 +63,14 @@
         <slot name="body" />
       </v-card-item>
 
-      <v-card-item class="pb-4 pt-5" v-if="buttons.length">
-        <div class="buttons-container d-flex" :class="[`flex-${buttonsDirection}`]">
+      <v-card-item
+        v-if="buttons.length"
+        class="pb-4 pt-5"
+      >
+        <div
+          class="buttons-container d-flex"
+          :class="[`flex-${buttonsDirection}`]"
+        >
           <v-btn
             v-for="button in buttons"
             v-bind="button.attributes"
diff --git a/src/runtime/components/Parts/slider.vue b/src/runtime/components/Parts/slider.vue
index a142185..10584b0 100644
--- a/src/runtime/components/Parts/slider.vue
+++ b/src/runtime/components/Parts/slider.vue
@@ -3,11 +3,11 @@
     <swiper-container
       v-bind="sliderAttrs"
       ref="slider"
-      @swiperslidechange="updatePagination"
       :slides-per-view="sliderPeeking ? '1.3' : '1'"
       class="overflow-hidden w-100"
       :class="[`rounded-${rounded}`]"
       :style="{'height': height}"
+      @swiperslidechange="updatePagination"
     >
       <swiper-slide
         v-for="slide in slides"
@@ -16,7 +16,10 @@
         v-bind="slidesAttrs"
         :class="`rounded-${slidesRounded}`"
       >
-        <div v-if="slide.img" class="image-backdrop">
+        <div
+          v-if="slide.img"
+          class="image-backdrop"
+        >
           <!-- Image -->
           <v-img
             class="slider-img position-absolute h-100 w-100"
@@ -42,7 +45,10 @@
               {{ slide.title }}
             </component>
 
-            <p class="mb-4 text-md-h6 text-body-1" v-bind="slide.subTitleAttrs">
+            <p
+              class="mb-4 text-md-h6 text-body-1"
+              v-bind="slide.subTitleAttrs"
+            >
               {{ slide.subtitle }}
             </p>
             <!-- Slide title -->
@@ -67,9 +73,13 @@
       </swiper-slide>
     </swiper-container>
 
-    <div class="control-buttons-center-container" v-if="controlButtonsAlign === 'center'">
+    <div
+      v-if="controlButtonsAlign === 'center'"
+      class="control-buttons-center-container"
+    >
       <div
-        class="d-flex justify-space-between px-0">
+        class="d-flex justify-space-between px-0"
+      >
         <v-btn
           v-bind="controlButtonPrevAttrs"
           icon="mdi-chevron-left"
@@ -84,7 +94,10 @@
       </div>
     </div>
 
-    <div class="control-buttons-right-container" v-if="controlButtonsAlign === 'right'">
+    <div
+      v-if="controlButtonsAlign === 'right'"
+      class="control-buttons-right-container"
+    >
       <div
         :class="[{'px-12' : !sliderContainer}, {'v-container' : sliderContainer}]"
         class="d-flex flex-column align-end"
@@ -111,7 +124,11 @@
         :class="[{'px-12': !sliderContainer}, {'v-container' : sliderContainer}]"
       >
         <!-- Pagination -->
-        <div class="slider_pagination" :class="{'mx-auto': sliderPaginationCenter}" v-if="sliderPagination">
+        <div
+          v-if="sliderPagination"
+          class="slider_pagination"
+          :class="{'mx-auto': sliderPaginationCenter}"
+        >
           <span
             v-for="(slide, index) in pagination"
             :key="slide.id"
@@ -120,17 +137,22 @@
               sliderPaginationType === 'bullet' ? 'slider-pagination-bullet' :
               sliderPaginationType === 'dot' ? 'slider-pagination-dot' : '', ]"
             @click="slideTo(index)"
-          >
-          </span>
+          />
         </div>
         <!-- Pagination END -->
 
-        <div class="ml-auto" v-if="controlButtonsAlign === 'right' && swiper !== null && !sliderPagination">
+        <div
+          v-if="controlButtonsAlign === 'right' && swiper !== null && !sliderPagination"
+          class="ml-auto"
+        >
           {{ activeSlide + 1 }} / {{ slides.length }}
         </div>
 
         <!-- Control buttons -->
-        <div class="d-flex ml-auto" v-if="controlButtonsAlign === 'bottom'">
+        <div
+          v-if="controlButtonsAlign === 'bottom'"
+          class="d-flex ml-auto"
+        >
           <v-btn
             v-bind="controlButtonPrevAttrs"
             class="ml-4"
diff --git a/src/runtime/components/Parts/vacancies.vue b/src/runtime/components/Parts/vacancies.vue
index f60729a..6ddadf2 100644
--- a/src/runtime/components/Parts/vacancies.vue
+++ b/src/runtime/components/Parts/vacancies.vue
@@ -1,8 +1,14 @@
 <template>
   <v-main>
     <v-container>
-      <v-breadcrumbs class="px-0" :items="breadcrumbs" divider=">"></v-breadcrumbs>
-      <h1 class="mb-10 text-h4">Вакансии</h1>
+      <v-breadcrumbs
+        class="px-0"
+        :items="breadcrumbs"
+        divider=">"
+      />
+      <h1 class="mb-10 text-h4">
+        Вакансии
+      </h1>
 
       <v-row class="mb-16">
         <v-col
@@ -17,11 +23,22 @@
             :max-width="500"
             v-bind="card"
           >
-            <template v-if="'button' in card || 'city' in card" #button>
+            <template
+              v-if="'button' in card || 'city' in card"
+              #button
+            >
               <div class="d-flex align-center w-100">
-                <v-btn v-if="'button' in card" class="mr-auto" v-bind="{...defaultButton, ...card.button}" @click="'function' in card.button ? card.button.function() : null" />
+                <v-btn
+                  v-if="'button' in card"
+                  class="mr-auto"
+                  v-bind="{...defaultButton, ...card.button}"
+                  @click="'function' in card.button ? card.button.function() : null"
+                />
 
-                <span v-if="'city' in card" class="text-15 text-primary">
+                <span
+                  v-if="'city' in card"
+                  class="text-15 text-primary"
+                >
                   {{ card.city }}
                 </span>
               </div>
diff --git a/src/runtime/components/Parts/vacancy.vue b/src/runtime/components/Parts/vacancy.vue
index 1ad28da..24a45c8 100644
--- a/src/runtime/components/Parts/vacancy.vue
+++ b/src/runtime/components/Parts/vacancy.vue
@@ -87,7 +87,10 @@
         Что даем
       </h2>
 
-      <ol class="mb-16" style="list-style-position: inside;">
+      <ol
+        class="mb-16"
+        style="list-style-position: inside;"
+      >
         <li
           v-for="condition in conditions"
           :key="condition.id"
diff --git a/src/stories/Card.stories.js b/src/stories/Card.stories.js
index 952ab55..b5177d1 100644
--- a/src/stories/Card.stories.js
+++ b/src/stories/Card.stories.js
@@ -1,5 +1,4 @@
 import Card from '../runtime/components/Parts/Card.vue'
-import Footer from "../runtime/components/Parts/footer/footer.vue";
 
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {