Целевая страница отсканированного QR-кода (пока без реальной отправки сообщения)

src/views/ManageQRCodeReadyView.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="max-w-lg mx-auto py-6 px-4 md:px-6">
     <section class="content text-center">
-      <h2 class="text-xl font-semibold mb-4">Ваш QR-код готов</h2>
+      <h2 class="text-xl font-semibold mb-4">Ваш QR‑код готов</h2>
       <p class="text-gray-600 mb-4">Сохраните его и ознакомьтесь с инструкциями по размещению.</p>
 
-      <!-- Рендер QR-кода -->
+      <!-- Рендер QR‑кода -->
       <div v-if="!loading && svgUrl" class="border p-4 bg-white rounded-lg mb-6">
-        <img :src="svgUrl" alt="QR-код" />
+        <img :src="svgUrl" alt="QR‑код" />
       </div>
 
       <!-- Сообщение об ошибке -->
@@ -37,14 +37,12 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from 'vue'
-import { useRoute } from 'vue-router'
 import QRCodeStyling from 'qr-code-styling'
 import { getQrCodeDocument } from '@/api/qrCode'
 import { optimize } from 'svgo'
+import type { QRCodeDocument } from '@/types/DBDocumentTypes'
 
-// Получаем параметры маршрута
-const route = useRoute()
-const { qr_code_uri } = route.params as { qr_code_uri: string }
+const { qr_code_uri } = defineProps<{ qr_code_uri: QRCodeDocument['uri'] }>()
 
 // Локальные состояния
 const loading = ref(true)
@@ -94,7 +92,7 @@ async function generateOptimizedSvg(url: string) {
         throw new Error('Ошибка оптимизации SVG')
       }
     } else {
-      throw new Error('Ошибка генерации QR-кода')
+      throw new Error('Ошибка генерации QR‑кода')
     }
   } catch (err) {
     error.value = (err as Error).message || 'Неизвестная ошибка'
@@ -109,19 +107,19 @@ async function downloadPng() {
       extension: 'png',
     })
   } catch (err) {
-    error.value = (err as Error).message || 'Ошибка при скачивании QR-кода'
+    error.value = (err as Error).message || 'Ошибка при скачивании QR‑кода'
   }
 }
 
 // Монтирование
 onMounted(async () => {
   try {
-    // Загружаем данные QR-кода
+    // Загружаем данные QR‑кода
     const doc = await getQrCodeDocument(qr_code_uri)
     qrCodeData.value = { name: doc.name, url: doc.url }
     await generateOptimizedSvg(doc.url)
   } catch (err) {
-    error.value = (err as Error).message || 'Ошибка загрузки данных QR-кода'
+    error.value = (err as Error).message || 'Ошибка загрузки данных QR‑кода'
   } finally {
     loading.value = false
   }