update create view

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']

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>