From 226d98f0b6ba89a6cb4145f86a3febe6cd707fd5 Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Thu, 14 Nov 2024 16:48:32 +0200
Subject: [PATCH] update create view

---
 components.d.ts          |  1 +
 src/views/CreateView.vue | 23 +++++++++--------------
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 4d25f79..92a9951 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -15,6 +15,7 @@ declare module 'vue' {
     IconEcosystem: typeof import('./src/components/icons/IconEcosystem.vue')['default']
     IconSupport: typeof import('./src/components/icons/IconSupport.vue')['default']
     IconTooling: typeof import('./src/components/icons/IconTooling.vue')['default']
+    RadioButton: typeof import('primevue/radiobutton')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     TheWelcome: typeof import('./src/components/TheWelcome/TheWelcome.vue')['default']
diff --git a/src/views/CreateView.vue b/src/views/CreateView.vue
index d9b6b66..8291346 100644
--- a/src/views/CreateView.vue
+++ b/src/views/CreateView.vue
@@ -8,11 +8,11 @@
       </p>
 
       <!-- Список типов назначений -->
-      <div class="placement-options mb-6">
-        <label v-for="(label, type) in qrCodePlacements" :key="type" class="block mb-4">
-          <input type="radio" :value="type" v-model="selectedPlacement" class="mr-2" />
-          {{ label }}
-        </label>
+      <div class="mb-6 flex flex-col gap-3">
+        <div class="flex items-center gap-2" v-for="(label, type) in qrCodePlacements" :key="type">
+          <RadioButton v-model="selectedPlacement" :inputId="type" name="pizza" :value="type" />
+          <label :for="type">{{ label }}</label>
+        </div>
       </div>
 
       <!-- Сообщение об ошибке -->
@@ -21,18 +21,17 @@
       </p>
 
       <!-- Кнопка Далее -->
-      <button
+      <Button
         @click="nextStep"
         :disabled="!selectedPlacement"
         class="p-2 bg-blue-500 text-white rounded"
-      >
-        Далее
-      </button>
+        label="Далее"
+      />
     </div>
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 
 const qrCodePlacements = {
@@ -53,8 +52,4 @@ function nextStep() {
     // Логика перехода к следующему шагу и сохранения места размещения QR-кода
   }
 }
-
-function goBack() {
-  // Логика перехода на предыдущий шаг
-}
 </script>