fix select telegram

apps/frontend/src/components/create/CreateMessageDeliveryMethodSection.vue

@@ -9,7 +9,7 @@
         <CreateMessageDeliveryOptionTelegram
           :label
           :method
-          v-model="localModel"
+          v-model="model"
           @change="onChange"
           class="text-gray-700 dark:text-gray-300"
         />
@@ -18,7 +18,7 @@
         <CreateMessageDeliveryOptionWebPush
           :label
           :method
-          v-model="localModel"
+          v-model="model"
           @change="onChange"
           class="text-gray-700 dark:text-gray-300"
         />
@@ -27,7 +27,7 @@
         <CreateMessageDeliveryOption
           :label
           :method
-          v-model="localModel"
+          v-model="model"
           @change="onChange"
           class="text-gray-700 dark:text-gray-300"
         />
@@ -40,14 +40,11 @@
 import { type QRCodeDocument } from '@hereconnect/types'
 import CreateMessageDeliveryOptionTelegram from '@/components/create/CreateMessageDeliveryOptionTelegram.vue'
 import CreateMessageDeliveryOptionWebPush from '@/components/create/CreateMessageDeliveryOptionWebPush.vue'
-import { ref } from 'vue'
 
 const emit = defineEmits(['nextStep'])
 const model = defineModel<null | QRCodeDocument['messageDeliveryMethod']>()
-const localModel = ref<null | QRCodeDocument['messageDeliveryMethod']>()
 
 const onChange = () => {
-  model.value = localModel.value
   emit('nextStep')
 }
 </script>

apps/frontend/src/components/create/CreateMessageDeliveryOptionTelegram.vue

@@ -1,17 +1,16 @@
 <template>
   <div>
-    <CreateMessageDeliveryOption :label :method v-model="model" />
+    <CreateMessageDeliveryOption :label :method v-model="model" @change="$emit('change', $event)" />
 
     <!-- Сообщение о недоступности -->
-    <p
-      v-if="telegramNotice"
-      class="text-red-500 dark:text-red-400 my-2 outline outline-1 py-2 px-4"
-    >
-      На сайте пока нельзя выбрать этот способ отправки сообщений. Однако вы можете создать QR-код в
-      нашем телеграм-боте
-      <a href="https://t.me/HCQRBot">@HCQRBot</a> и получать сообщения там.
+    <div v-if="telegramNotice" class="my-2 outline outline-1 py-2 px-4">
+      <p>На сайте пока нельзя выбрать этот способ отправки сообщений.</p>
+      <p class="mt-4">
+        Однако вы можете создать QR-код в нашем телеграм-боте
+        <a href="https://t.me/HCQRBot" class="underline">@HCQRBot</a> и получать сообщения там.
       </p>
     </div>
+  </div>
 </template>
 
 <script setup lang="ts">