tg app

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>
 

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>