From 52339452afcd21fd6f8caa183a9e9b9053edaad7 Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Wed, 20 Nov 2024 11:31:45 +0200
Subject: [PATCH] fix handler error

---
 .../create/CreateSectionManager.vue           | 31 +++-------
 src/views/CreateView.vue                      | 61 +++++++++++--------
 2 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/src/components/create/CreateSectionManager.vue b/src/components/create/CreateSectionManager.vue
index 89efae8..e329cee 100644
--- a/src/components/create/CreateSectionManager.vue
+++ b/src/components/create/CreateSectionManager.vue
@@ -1,22 +1,14 @@
 <template>
-  <div class="max-w-prose mx-auto py-6 px-4 md:px-6">
-    <section class="content">
-      <div class="max-w-prose mx-auto py-8">
-        <!-- Вывод секций через цикл -->
-        <CreateSection
-          v-for="{ name, isActive, isNextActiveSection } in visibleSections"
-          :key="name"
-          :isActive
-          :isNextActiveSection
-        >
-          <slot :name="name" />
-        </CreateSection>
-
-        <p v-if="error" class="text-red-500 mt-4">Ошибка создания QR‑кода: {{ error }}</p>
-
-        <div class="h-[30dvh] md:h-[10dvh] overflow-hidden"></div>
-      </div>
-    </section>
+  <div>
+    <!-- Вывод секций через цикл -->
+    <CreateSection
+      v-for="{ name, isActive, isNextActiveSection } in visibleSections"
+      :key="name"
+      :isActive
+      :isNextActiveSection
+    >
+      <slot :name="name" />
+    </CreateSection>
   </div>
 </template>
 
@@ -31,9 +23,6 @@ const props = defineProps<{
   messageDeliveryMethod: null | QRCodeDocument['messageDeliveryMethod']
 }>()
 
-// Локальные состояния
-const error = ref<string | null>(null)
-
 // Доступные шаги и их условия
 const steps = [
   {
diff --git a/src/views/CreateView.vue b/src/views/CreateView.vue
index 8249884..8137fd9 100644
--- a/src/views/CreateView.vue
+++ b/src/views/CreateView.vue
@@ -1,33 +1,44 @@
 <template>
-  <CreateSectionManager
-    :placement="placement"
-    :selectedActions="selectedActions"
-    :messageDeliveryMethod="messageDeliveryMethod"
-  >
-    <template #placement>
-      <CreatePlacementSection v-model="placement" />
-    </template>
+  <div class="max-w-prose mx-auto py-6 px-4 md:px-6">
+    <section class="content">
+      <div class="max-w-prose mx-auto py-8">
+        <CreateSectionManager
+          :placement="placement"
+          :selectedActions="selectedActions"
+          :messageDeliveryMethod="messageDeliveryMethod"
+        >
+          <template #placement>
+            <CreatePlacementSection v-model="placement" />
+          </template>
 
-    <template #actions>
-      <CreateActionsSection v-model="selectedActions" />
-    </template>
+          <template #actions>
+            <CreateActionsSection v-model="selectedActions" />
+          </template>
 
-    <template #delivery>
-      <CreateMessageDeliveryMethodSection v-model="messageDeliveryMethod" />
-    </template>
+          <template #delivery>
+            <CreateMessageDeliveryMethodSection v-model="messageDeliveryMethod" />
+          </template>
 
-    <template #messages>
-      <CreatePredefinedMessagesSection :placement="placement" v-model="messages" />
-    </template>
+          <template #messages>
+            <CreatePredefinedMessagesSection :placement="placement" v-model="messages" />
+          </template>
 
-    <template #summary>
-      <CreateSummarySection
-        v-model:name="name"
-        buttonLabel="Создать QR‑код"
-        @nextStep="createQrCode"
-      />
-    </template>
-  </CreateSectionManager>
+          <template #summary>
+            <CreateSummarySection
+              v-model:name="name"
+              buttonLabel="Создать QR‑код"
+              @nextStep="createQrCode"
+            />
+          </template>
+        </CreateSectionManager>
+
+        <p v-if="error" class="text-red-500 mt-4">Ошибка создания QR‑кода: {{ error }}</p>
+
+        <div class="h-[30dvh] md:h-[10dvh] overflow-hidden"></div>
+      </div>
+    </section>
+  </div>
+  ≈
 </template>
 
 <script setup lang="ts">