tg app fix sizes

package.json

@@ -16,6 +16,7 @@
     "@primevue/themes": "^4.4.1",
     "@tailwindcss/postcss": "^4.1.16",
     "@tailwindcss/vite": "^4.1.16",
+    "@tma.js/sdk-vue": "^1.0.8",
     "axios": "^1.12.2",
     "dayjs": "^1.11.18",
     "emoji-regex": "^10.6.0",

src/App.vue

@@ -6,6 +6,7 @@ import { useToolbarStore } from "@/stores/toolbar-store";
 import router from "@/router";
 import { useRoute, onBeforeRouteUpdate } from "vue-router";
 import { computed, onMounted, onBeforeUnmount, ref, watch } from "vue";
+import {backButton, BackButton} from "@tma.js/sdk-vue";
 
 const spaceStore = useSpaceStore();
 const toolbarStore = useToolbarStore();
@@ -36,22 +37,23 @@ function setupBackButton() {
   if (!tgApp) return;
 
   if (route.path !== "/") {
-    tgApp.BackButton.show();
+    backButton.mount();
 
     // снять старый обработчик
-    if (backHandler) tgApp.BackButton.offClick(backHandler);
+    if (backHandler) backButton.offClick(backHandler);
 
     // навесить новый
     backHandler = () => {
       if (window.history.length > 1) {
         router.back();
       } else {
-        tgApp.BackButton.hide();
+        backButton.hide();
       }
     };
-    tgApp.BackButton.onClick(backHandler);
+
+    backButton.onClick(backHandler);
   } else {
-    tgApp.BackButton.hide();
+    backButton.hide();
   }
 }
 
@@ -88,6 +90,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
+  {{tgApp.platform}}
   <div class="flex flex-col tg !pt-10">
     <SpaceList v-if="isSpaceSelected" @space-selected="spaceSelected" />
 

src/main.ts

@@ -11,6 +11,9 @@ import ToastService from 'primevue/toastservice'
 import Tooltip from 'primevue/tooltip';
 import { createPinia } from 'pinia';
 import ConfirmationService from 'primevue/confirmationservice';
+import {init} from "@tma.js/sdk-vue";
+
+init();
 
 const app = createApp(App)
 app.use(router);