diff --git a/package.json b/package.json index f4eb450..41db0f5 100644 --- a/package.json +++ b/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", diff --git a/src/App.vue b/src/App.vue index 45e0925..6f7dab3 100644 --- a/src/App.vue +++ b/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(() => {