From 6b87a2ca87d15de425906f832f01ec64b6fb7ff0 Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Mon, 18 Nov 2024 22:06:51 +0200
Subject: [PATCH] wrap to form

---
 src/components/create/CreateSummarySection.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/create/CreateSummarySection.vue b/src/components/create/CreateSummarySection.vue
index 327b7ac..148aef6 100644
--- a/src/components/create/CreateSummarySection.vue
+++ b/src/components/create/CreateSummarySection.vue
@@ -3,20 +3,18 @@
     <h2 class="text-xl font-semibold mb-4">Введите название для вашего QR-кода</h2>
     <p class="text-gray-600 mb-4">Название поможет вам организовать ваши QR-коды.</p>
 
-    <!-- Форма задания названия -->
-    <div class="mb-6">
+    <form @submit.prevent="saveQRCode">
       <label for="name" class="block text-gray-700 font-semibold mb-2">Название</label>
       <InputText id="name" v-model="nameModel" class="w-full" placeholder="Введите название" />
       <p v-if="!nameModel" class="text-red-500 text-sm mt-1">Название обязательно.</p>
-    </div>
 
-    <!-- Кнопка создания -->
-    <Button
-      label="Создать QR-код"
-      class="p-button-sm mt-4 mb-4"
-      :disabled="!nameModel"
-      @click="saveQRCode"
-    />
+      <Button
+        type="submit"
+        label="Создать QR-код"
+        class="p-button-md mt-4 mb-4"
+        :disabled="!nameModel"
+      />
+    </form>
     <p v-if="error" class="text-red-500 mt-4">Ошибка создания QR-кода: {{ error }}</p>
   </section>
 </template>