src/App.vue

@@ -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>
@@ -149,12 +144,8 @@ function handleDownloadBtn() {
     </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);