From 1963f06cc72d9bb4f948d53557560698835514bc Mon Sep 17 00:00:00 2001
From: xds <iam@voroninv.ru>
Date: Mon, 27 Oct 2025 17:02:59 +0300
Subject: [PATCH] tg app

---
 package.json                      |  1 -
 src/App.vue                       |  7 +++++++
 src/components/auth/LoginPage.vue | 14 +++++++-------
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 388fee5..f4eb450 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,6 @@
   },
   "dependencies": {
     "@amirafa/vue3-pull-to-refresh": "^1.2.13",
-    "@grammyjs/web-app": "^1.3.0",
     "@primevue/themes": "^4.4.1",
     "@tailwindcss/postcss": "^4.1.16",
     "@tailwindcss/vite": "^4.1.16",
diff --git a/src/App.vue b/src/App.vue
index b665518..199e7f4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,6 +5,8 @@ import {computed, onMounted, ref} from "vue";
 import Toolbar from "@/components/Toolbar.vue";
 import {useToolbarStore} from "@/stores/toolbar-store";
 import router from "@/router/index.js";
+import {WebApp} from "@grammyjs/web-app";
+
 
 const spaceStore = useSpaceStore();
 const toolbarStore = useToolbarStore()
@@ -41,6 +43,11 @@ onMounted(() => {
   toolbarStore.registerHandler('openSpacePicker', () => {
     isSpaceSelectorVisible.value = true
   });
+  WebApp.ready()
+  let tgApp = window.Telegram.WebApp
+  tgApp.requestFullscreen()
+  tgApp.lockOrientation()
+
 })
 </script>
 
diff --git a/src/components/auth/LoginPage.vue b/src/components/auth/LoginPage.vue
index 93d8085..39f2403 100644
--- a/src/components/auth/LoginPage.vue
+++ b/src/components/auth/LoginPage.vue
@@ -1,27 +1,27 @@
 <script setup lang="ts">
 import { onMounted, ref, computed } from "vue"
-import { WebApp } from "@grammyjs/web-app"
 import router from "@/router"; // если используешь другой SDK, импорт может отличаться
 
 // необязательно делать реактивным, но удобно для шаблона
-const tgData = ref(WebApp.initDataUnsafe)
+const tgApp = ref(window.Telegram.WebApp)
+const tgData = ref(tgApp.value.initDataUnsafe)
 
 // какие-то удобные вычисления для UI
-const userId = computed(() => tgData.value?.user?.id?.toString() ?? "")
-const username = computed(() => tgData.value?.user?.username ?? "")
+const userId = computed(() => tgApp.value?.user?.id?.toString() ?? "")
+const username = computed(() => tgApp.value?.user?.username ?? "")
 const firstName = computed(() => tgData.value?.user?.first_name ?? "")
 
 onMounted(() => {
   // сообщаем Telegram WebApp, что UI готов
-  WebApp.ready()
+  tgData.ready()
 
   // если есть данные пользователя — положим что-то в localStorage
-  if (tgData.value?.user?.id != null) {
+  if (tgData.value.user?.id != null) {
     localStorage.setItem("token", tgData.value.user.id.toString())
   } else {
     localStorage.setItem("token", "123")
   }
-  router.push('/')
+  // router.push('/')
 })
 </script>