fix: run eslint --fix & remove test

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",

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>

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>

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>