improve

apps/frontend/src/components/QueryRender.vue

@@ -19,7 +19,9 @@ const { data, error, refetch, isSuccess, isError, isLoading } = query
 <template>
   <slot v-if="isSuccess" name="default" :data="data!" />
   <slot v-else-if="isLoading" name="loading">
-    <p class="text-gray-500" v-if="!slots.loading">Загрузка данных...</p>
+    <div class="text-center text-gray-500" v-if="!slots.loading">
+      <ProgressSpinner styleClass="mt-4" />
+    </div>
   </slot>
   <slot v-else-if="isError" name="error" :error="error!" :reload="refetch">
     <template v-if="!slots.error">

apps/frontend/src/components/link/LinkQRCode.vue

@@ -0,0 +1,12 @@
+<template>
+  <a
+    :href="url"
+    class="font-mono text-nowrap text-sm text-gray-600 underline underline-offset-4 hover:text-gray-800 hover:no-underline"
+    target="_blank"
+    >{{ url }}</a
+  >
+</template>
+
+<script setup lang="ts">
+defineProps<{ url: string }>()
+</script>

apps/frontend/src/components/link/LinkShareTelegramButton.vue

@@ -10,7 +10,7 @@
     rel="noopener noreferrer"
     icon="pi pi-telegram"
     title="Поделиться ссылкой в Telegram"
-    label="отправить ссылку в Telegram"
+    label="Отправить ссылку в Telegram"
   />
 </template>