src/App.vue

@@ -1,7 +1,7 @@
 <script setup>
-import {ref, onMounted} from "vue";
+import { ref, onMounted } from "vue";
 import izitoast from "./izitoast";
-import {useEventListener} from "@vueuse/core";
+import { useEventListener } from "@vueuse/core";
 import MyDialog from "./components/MyDialog.vue";
 import MyDropMenu from "./components/MyDropMenu.vue";
 import copyToclipboard from "./copyToclipboard";
@@ -105,7 +105,7 @@ function handleDownloadBtn() {
     console.log(finallyText)
     // Создание файла
     const downloadUrl = ref('');
-    const blob = new Blob([finallyText], {type: 'text/plain'});
+    const blob = new Blob([finallyText], { type: 'text/plain' });
     downloadUrl.value = URL.createObjectURL(blob);
     // Задержка для избежания ошибок в некоторых браузерах
     setTimeout(() => {
@@ -129,13 +129,8 @@ function handleDownloadBtn() {
 <template>
     <div class="wraper">
         <div class="grid">
-            <div
+            <div class="square" v-for="(item, index) in numbers" :data-key="index" :key="index"
-                class="square"
+                @click="setNumber(item)">
-                v-for="(item, index) in numbers"
-                :data-key="index"
-                :key="index"
-                @click="setNumber(item)"
-            >
                 {{ numbers[index].variable.join(", ") }}
             </div>
         </div>
@@ -145,16 +140,12 @@ function handleDownloadBtn() {
             <button @click="cleanResult">Очистить</button>
             <button @click="cancel">Отменить</button>
         </div>
-        <MyDropMenu/>
+        <MyDropMenu />
     </div>
 
 
-    <MyDialog
+    <MyDialog v-show="isModalVisible" @close="isModalVisible = false" class="dialogWindow"
-        v-show="isModalVisible"
+        :is-success=Boolean(listOfTrips.length)>
-        @close="isModalVisible = false"
-        class="dialogWindow"
-        :is-success=listOfTrips.length
-    >
         <template #header>
             <strong v-if="listOfTrips.length">Код готов!</strong>
             <strong v-else>Код не готов!</strong>
@@ -165,9 +156,9 @@ function handleDownloadBtn() {
         </template>
         <template #footer>
             <div v-if="listOfTrips.length">
-                <button type="button" @click="handleDownloadBtn">Скачать код</button>
+                <button @click="handleDownloadBtn">Скачать код</button>
-                <button type="button" @click="copyAndToast(finallyText)">Скопировать код</button>
+                <button @click="copyAndToast(finallyText)">Скопировать код</button>
-                <button type="button" @click="isModalVisible = false">ОК</button>
+                <button @click="isModalVisible = false">ОК</button>
             </div>
         </template>
     </MyDialog>
@@ -196,8 +187,8 @@ html {
 }
 
 .square {
-    width: var(--side); /* Ширина квадрата */
+    width: var(--side);
-    height: var(--side); /* Высота квадрата */
+    height: var(--side);
     background-image: url("images/image.jpg");
     background-size: cover;
     border: 3px solid rgb(251, 251, 251);