Merge pull request #49 from IBEC-BOX/fix/lint

fix: eslint errors

src/runtime/components/Pages/TestVuetify.vue

@@ -1,10 +1,8 @@
 <template>
   <v-app>
-    <partsHeaderErg>
-    </partsHeaderErg>
+    <partsHeaderErg />
     <NuxtPage />
-    <v-container >
-
+    <v-container>
       <partsCard
         :date-author-right="true"
         :horizontal-card="true"
@@ -16,8 +14,8 @@
             class: 'rounded-circle',
             'max-width': 86,
             height: 86,
-            cover: true
-          }
+            cover: true,
+          },
         }"
         variant-card="elevated"
         style-card="standard"
@@ -38,28 +36,31 @@
             class: 'rounded-circle',
             'max-width': 20,
             height: 20,
-            cover: true
-          }
+            cover: true,
+          },
         }"
         :modal="true"
         :modal-img="'https://www.figma.com/file/4olLWc8CXyZmkwje9SuEah/image/2d13c92b16b427ccd0b154544ab7922d50edb16c'"
       />
-
     </v-container>
 
     <partsFooterDefault
       :logo-in-body="true"
-      :logo="{title: 'АО', colorClass: 'text-white'}"
-      :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:'/'}]"
+      :logo="{ title: 'АО', colorClass: 'text-white' }"
+      :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: '/' },
+      ]"
       copyright="2023 Untitled UI. All rights reserverd"
-    >
-
-    </partsFooterDefault>
+    />
   </v-app>
 </template>
 
-<script setup>
-</script>
+<script setup></script>
 
 <style>
 /* Redundant unused code to test treeshaking */

src/runtime/components/Parts/Card.vue

@@ -25,7 +25,12 @@
         :class="hoverText ? 'card__text-hover' : ''"
         class="d-flex align-center"
       >
-        <v-img v-if="textImage" :src="textImage.src" v-bind="textImage.attrs" class="mr-2"/>
+        <v-img
+          v-if="textImage"
+          :src="textImage.src"
+          v-bind="textImage.attrs"
+          class="mr-2"
+        />
         <span>{{ text }}</span>
       </v-card-text>
 
@@ -36,7 +41,12 @@
         class="d-flex align-center"
         @click="openModal = true"
       >
-        <v-img v-if="textImage" :src="textImage.src" v-bind="textImage.attrs" class="mr-2"/>
+        <v-img
+          v-if="textImage"
+          :src="textImage.src"
+          v-bind="textImage.attrs"
+          class="mr-2"
+        />
         <span class="text-15">{{ text }}</span>
       </v-card-text>
 
@@ -172,7 +182,7 @@ const imageModalAttrs = ref({
   ...mainStore.getObjectPropertiesWithPrefix(attrs, 'modal-image')
 })
 
-let openModal = ref(false)
+const openModal = ref(false)
 
 const props = defineProps({
   styleCard: { type: String, default: "standard" },

src/runtime/components/Parts/ErgVacancies.vue

@@ -12,54 +12,90 @@
     >
       <v-row :style="leftImage || rightImage ? '' : 'display: contents'">
         <v-col
+          v-if="leftImage"
           cols="12"
           md="6"
-          v-if="leftImage"
           :style="leftImage ? '' : 'display: contents'"
           class="py-0"
         >
-          <v-img :src="leftImage.src" v-bind="leftImage.attrs" />
+          <v-img
+            :src="leftImage.src"
+            v-bind="leftImage.attrs"
+          />
         </v-col>
         <v-col
           cols="12"
           md="6"
           :style="[leftImage || rightImage ? '' : 'display: contents', bodyAttrs]"
           class="py-0 px-5"
         >
-          <v-chip v-bind="chip.attrs"
-          >
+          <v-chip v-bind="chip.attrs">
             {{ chip.text }}
           </v-chip>
           <div class="vacancies__body">
-            <h2 class="mb-2" :style="titleAttrs">{{ title || 'Станьте частью команды' }}</h2>
-            <p class="mb-4" :style="subTitleAttrs">{{ subTitle || 'Мы предлагаем конкурентные зарплаты, социальные гарантии' }}</p>
+            <h2
+              class="mb-2"
+              :style="titleAttrs"
+            >
+              {{ title || 'Станьте частью команды' }}
+            </h2>
+            <p
+              class="mb-4"
+              :style="subTitleAttrs"
+            >
+              {{ subTitle || 'Мы предлагаем конкурентные зарплаты, социальные гарантии' }}
+            </p>
           </div>
-          <v-btn v-bind="buttonAttrs" class="text-none" color="white">
+          <v-btn
+            v-bind="buttonAttrs"
+            class="text-none"
+            color="white"
+          >
             {{ buttonText || 'Связаться с нами' }}
           </v-btn>
         </v-col>
         <v-col
+          v-if="rightImage"
           cols="12"
           md="6"
-          v-if="rightImage"
           :style="rightImage ? '' : 'display: contents'"
           class="py-0"
         >
-          <v-img :src="rightImage.src" v-bind="rightImage.attrs" />
+          <v-img
+            :src="rightImage.src"
+            v-bind="rightImage.attrs"
+          />
         </v-col>
       </v-row>
     </v-sheet>
-    <v-row style="flex-wrap: nowrap" v-if="gallery" class="overflow-x-auto">
+    <v-row
+      v-if="gallery"
+      style="flex-wrap: nowrap"
+      class="overflow-x-auto"
+    >
       <v-col
-        cols="3"
         v-for="img in galleryImages"
         :key="img.src"
+        cols="3"
         class="gallery-col rounded-xl"
       >
         <div :class="galleryHoverEffect ? 'gallery-item' : 'position-relative'">
-          <v-img :src="img.src" class="gallery-image rounded-xl" width="100%" cover :height="280"/>
-          <span class="gallery-title text-h5" v-if="galleryHoverEffect">{{ img.text }}</span>
-          <v-chip v-if="!galleryHoverEffect" v-bind="img.chip.attrs" class="gallery-chip">
+          <v-img
+            :src="img.src"
+            class="gallery-image rounded-xl"
+            width="100%"
+            cover
+            :height="280"
+          />
+          <span
+            v-if="galleryHoverEffect"
+            class="gallery-title text-h5"
+          >{{ img.text }}</span>
+          <v-chip
+            v-if="!galleryHoverEffect"
+            v-bind="img.chip.attrs"
+            class="gallery-chip"
+          >
             {{ img.chip.text }}
           </v-chip>
         </div>

src/runtime/components/Parts/Footer/Default.vue

@@ -1,5 +1,8 @@
 <template>
-  <v-footer class="footer" :class="bgClass">
+  <v-footer
+    class="footer"
+    :class="bgClass"
+  >
     <v-container class="px-0">
       <div
         v-if="Object.keys(firstStyleTop).length"
@@ -199,7 +202,10 @@
         class="text-primary-gray"
       >
       <div class="footer-bottom">
-        <v-row class="d-flex align-center" :class="Object.keys(firstStyleTop).length ? 'pt-7 pb-sm-15' : 'py-3'">
+        <v-row
+          class="d-flex align-center"
+          :class="Object.keys(firstStyleTop).length ? 'pt-7 pb-sm-15' : 'py-3'"
+        >
           <v-col
             v-if="logoInBottom === true"
             cols="12"

src/runtime/components/Parts/Forms.vue

@@ -210,7 +210,9 @@
           cols="12"
           class="text-center mb-7"
         >
-          <h5 class="text-sm-32 text-h5">{{ title }}</h5>
+          <h5 class="text-sm-32 text-h5">
+            {{ title }}
+          </h5>
         </v-col>
         <v-col
           v-if="bigImage.length"
@@ -367,7 +369,9 @@
       ref="form"
       @submit.prevent="dataForm($refs.form.isValid)"
     >
-      <h2 class="mb-10 text-36">{{ title }}</h2>
+      <h2 class="mb-10 text-36">
+        {{ title }}
+      </h2>
       <v-row>
         <v-col
           v-for="(input, index) in inputs"
@@ -391,9 +395,9 @@
         {{ buttonSetting.text }}
       </v-btn>
       <v-checkbox
+        v-if="Object.keys(checkboxSetting).length"
         v-model="checked"
         v-bind="checkboxSetting.attrs"
-        v-if="Object.keys(checkboxSetting).length"
       >
         <template #label>
           <span class="text-13">{{ checkboxSetting.label }}</span>

src/runtime/components/Parts/Header/Erg.vue

@@ -17,7 +17,10 @@
         </div>
 
         <div class="ml-auto flex-grow-1 justify-center align-start d-lg-flex d-none flex-column">
-          <ul class="d-flex align-center" style="column-gap: 32px">
+          <ul
+            class="d-flex align-center"
+            style="column-gap: 32px"
+          >
             <li
               v-for="menu_item in menu"
               :key="`header-menu-item-${menu_item.id}`"
@@ -38,12 +41,16 @@
           <v-select
             v-model="selectLang"
             :items="filteredLangs"
-            @update:modelValue="updateSelectLang"
             hide-details="true"
             variant="solo"
             class="mr-4 bg-none"
+            @update:modelValue="updateSelectLang"
           />
-          <v-btn class="bg-white text-none text-body-1 d-none d-lg-block" rounded="xl" @click="buttonClick">
+          <v-btn
+            class="bg-white text-none text-body-1 d-none d-lg-block"
+            rounded="xl"
+            @click="buttonClick"
+          >
             {{ textBtn || 'Связаться с нами' }}
           </v-btn>
         </div>
@@ -52,9 +59,7 @@
           class="d-block d-lg-none my-auto"
           @click="menu_open = !menu_open"
         />
-
       </v-container>
-
     </v-app-bar>
     <v-navigation-drawer
       v-model="menu_open"
@@ -79,7 +84,13 @@
         </li>
       </ul>
 
-      <v-btn class="bg-white text-none text-body-1" block size="large" rounded="xl" @click="buttonClick">
+      <v-btn
+        class="bg-white text-none text-body-1"
+        block
+        size="large"
+        rounded="xl"
+        @click="buttonClick"
+      >
         {{ textBtn || 'Связаться с нами' }}
       </v-btn>
     </v-navigation-drawer>

src/runtime/components/Parts/Modal.vue

@@ -2,10 +2,10 @@
   <v-dialog v-model="value">
     <v-card :rounded="rounded">
       <div
+        v-if="!imgOnly"
         class="w-100 d-flex"
         :class="{'position-absolute pt-5 px-5': imgFluid}"
         style="z-index: 1000"
-        v-if="!imgOnly"
       >
         <v-btn
           v-bind="closeButtonAttrs"
@@ -32,9 +32,9 @@
       </div>
 
       <v-card-text
+        v-if="!imgOnly"
         class="pt-0 pb-4 d-flex align-center"
         :class="{'flex-column': iconCenter}"
-        v-if="!imgOnly"
       >
         <div
           v-if="icon.length"