tg app fix sizes

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" />