diff --git a/src/components/BackToGame.vue b/src/components/BackToGame.vue
index 420e248..5405a90 100644
--- a/src/components/BackToGame.vue
+++ b/src/components/BackToGame.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 import { isGamingAPI, getCurrentGameAPI } from "@/apis";
 import { debounce } from "@/util";
@@ -49,7 +49,7 @@ const gameOver = () => {
 onMounted(() => {
   uni.$on("game-over", gameOver);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.$off("game-over", gameOver);
 });
 </script>
diff --git a/src/components/Container.vue b/src/components/Container.vue
index 8f42d9d..bd3916f 100644
--- a/src/components/Container.vue
+++ b/src/components/Container.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 import AppBackground from "@/components/AppBackground.vue";
 import Header from "@/components/Header.vue";
@@ -55,7 +55,7 @@ onMounted(() => {
   const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
   capsuleHeight.value = menuBtnInfo.top - 9;
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   // const pages = getCurrentPages();
   // const currentPage = pages[pages.length - 1];
   // uni.setStorageSync("last-route", currentPage.route);
diff --git a/src/components/EditOption.vue b/src/components/EditOption.vue
index 8a5829c..58aabaa 100644
--- a/src/components/EditOption.vue
+++ b/src/components/EditOption.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted } from "vue";
 import { getPointBookConfigAPI } from "@/apis";
 const props = defineProps({
   itemIndex: {
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 59f5416..c8f64f7 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import HeaderProgress from "@/components/HeaderProgress.vue";
 
 const props = defineProps({
@@ -48,7 +48,7 @@ onMounted(() => {
     showProgress.value = true;
   }
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.$off("update-header-loading", updateLoading);
 });
 </script>
diff --git a/src/components/HeaderProgress.vue b/src/components/HeaderProgress.vue
index 3b03cbc..8b41b4c 100644
--- a/src/components/HeaderProgress.vue
+++ b/src/components/HeaderProgress.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 import audioManager from "@/audioManager";
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
@@ -110,7 +110,7 @@ onMounted(() => {
   uni.$on("play-sound", playSound);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.$off("update-tips", onUpdateTips);
   uni.$off("socket-inbox", onReceiveMessage);
   uni.$off("play-sound", playSound);
diff --git a/src/components/Matching.vue b/src/components/Matching.vue
index c6cea87..f83086b 100644
--- a/src/components/Matching.vue
+++ b/src/components/Matching.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted, watch } from "vue";
+import { ref, onMounted, onBeforeUnmount, watch } from "vue";
 const props = defineProps({
   stopMatch: {
     type: Function,
@@ -94,7 +94,7 @@ onMounted(() => {
     textStyles.value = getTextStyle(totalTop.value);
   }, 40);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (timer.value) clearInterval(timer.value);
 });
 </script>
diff --git a/src/components/RoundEndTip.vue b/src/components/RoundEndTip.vue
index 2e39df8..fbd6859 100644
--- a/src/components/RoundEndTip.vue
+++ b/src/components/RoundEndTip.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 const props = defineProps({
   isFinal: {
     type: Boolean,
@@ -40,7 +40,7 @@ function startCount() {
 onMounted(() => {
   startCount();
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (tiemr.value) clearInterval(tiemr.value);
 });
 </script>
diff --git a/src/components/ScorePanel.vue b/src/components/ScorePanel.vue
index 0cb8265..8679a65 100644
--- a/src/components/ScorePanel.vue
+++ b/src/components/ScorePanel.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 const props = defineProps({
   rowCount: {
     type: Number,
@@ -42,7 +42,7 @@ onMounted(() => {
     bgIndex.value = bgIndex.value === 0 ? 1 : 0;
   }, 200);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (timer.value) {
     clearInterval(timer.value);
   }
diff --git a/src/components/ShootProgress.vue b/src/components/ShootProgress.vue
index c771f89..050b88c 100644
--- a/src/components/ShootProgress.vue
+++ b/src/components/ShootProgress.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 import audioManager from "@/audioManager";
 import { MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
@@ -173,7 +173,7 @@ onMounted(() => {
   uni.$on("play-sound", playSound);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.$off("update-ramain", updateRemain);
   uni.$off("socket-inbox", onReceiveMessage);
   uni.$off("play-sound", playSound);
diff --git a/src/components/ShootProgress2.vue b/src/components/ShootProgress2.vue
index 3376dc4..261609d 100644
--- a/src/components/ShootProgress2.vue
+++ b/src/components/ShootProgress2.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 import { RoundGoldImages } from "@/constants";
 const props = defineProps({
   tips: {
@@ -52,7 +52,7 @@ onMounted(() => {
   uni.$on("update-ramain", updateRemain);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.$off("update-ramain", updateRemain);
   if (timer.value) clearInterval(timer.value);
 });
diff --git a/src/components/StartCountdown.vue b/src/components/StartCountdown.vue
index f3e3806..0ec0f19 100644
--- a/src/components/StartCountdown.vue
+++ b/src/components/StartCountdown.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 const props = defineProps({
   start: {
     type: Boolean,
@@ -32,7 +32,7 @@ onMounted(() => {
   const deviceInfo = uni.getDeviceInfo();
   isIos.value = deviceInfo.osName === "ios";
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (timer.value) clearInterval(timer.value);
 });
 </script>
diff --git a/src/components/TestDistance.vue b/src/components/TestDistance.vue
index 527d276..0a078e0 100644
--- a/src/components/TestDistance.vue
+++ b/src/components/TestDistance.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import Guide from "@/components/Guide.vue";
 import BowPower from "@/components/BowPower.vue";
 import Avatar from "@/components/Avatar.vue";
@@ -38,7 +38,7 @@ onMounted(() => {
   }, 1000);
   uni.$on("update-timer", updateTimer);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (timer.value) clearInterval(timer.value);
   uni.$off("update-timer", updateTimer);
 });
@@ -66,7 +66,7 @@ onMounted(() => {
   if (envVersion !== "release") showsimul.value = true;
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.$off("socket-inbox", onReceiveMessage);
 });
 </script>
diff --git a/src/components/Timer.vue b/src/components/Timer.vue
index 39c7e9c..c5f5480 100644
--- a/src/components/Timer.vue
+++ b/src/components/Timer.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 const props = defineProps({
   countdown: {
     type: Number,
@@ -26,7 +26,7 @@ onMounted(() => {
   }, 300);
   uni.$on("update-timer", updateTimer);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (timer.value) clearInterval(timer.value);
   uni.$off("update-timer", updateTimer);
 });
diff --git a/src/components/UserUpgrade.vue b/src/components/UserUpgrade.vue
index 69f6fe2..7e9ba29 100644
--- a/src/components/UserUpgrade.vue
+++ b/src/components/UserUpgrade.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
 const store = useStore();
@@ -44,7 +44,7 @@ onMounted(async () => {
   }, 1000);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (timer.value) clearTimeout(timer.value);
 });
 </script>
diff --git a/src/pages/battle-result.vue b/src/pages/battle-result.vue
index 4933045..9ef2861 100644
--- a/src/pages/battle-result.vue
+++ b/src/pages/battle-result.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import Avatar from "@/components/Avatar.vue";
 import UserUpgrade from "@/components/UserUpgrade.vue";
diff --git a/src/pages/battle-room.vue b/src/pages/battle-room.vue
index 2a48714..abe32b3 100644
--- a/src/pages/battle-room.vue
+++ b/src/pages/battle-room.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted, nextTick } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import PlayerSeats from "@/components/PlayerSeats.vue";
@@ -245,7 +245,7 @@ onMounted(() => {
   uni.$on("socket-inbox", onReceiveMessage);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (refreshRoomTimer.value) clearInterval(refreshRoomTimer.value);
   uni.setKeepScreenOn({
     keepScreenOn: false,
diff --git a/src/pages/be-vip.vue b/src/pages/be-vip.vue
index 6823bb9..a7ae28d 100644
--- a/src/pages/be-vip.vue
+++ b/src/pages/be-vip.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import Container from "@/components/Container.vue";
 import Avatar from "@/components/Avatar.vue";
 import SButton from "@/components/SButton.vue";
@@ -67,7 +67,7 @@ const toOrderPage = () => {
   });
 };
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   if (timer.value) clearInterval(timer.value);
 });
 </script>
diff --git a/src/pages/first-try.vue b/src/pages/first-try.vue
index aaa33c4..06466e0 100644
--- a/src/pages/first-try.vue
+++ b/src/pages/first-try.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import Guide from "@/components/Guide.vue";
 import SButton from "@/components/SButton.vue";
 import Swiper from "@/components/Swiper.vue";
@@ -100,7 +100,7 @@ onMounted(() => {
   uni.$on("socket-inbox", onReceiveMessage);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.setKeepScreenOn({
     keepScreenOn: false,
   });
diff --git a/src/pages/match-page.vue b/src/pages/match-page.vue
index 9b265f5..c545b8a 100644
--- a/src/pages/match-page.vue
+++ b/src/pages/match-page.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import Matching from "@/components/Matching.vue";
@@ -59,7 +59,7 @@ onMounted(() => {
   uni.$on("socket-inbox", onReceiveMessage);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.setKeepScreenOn({
     keepScreenOn: false,
   });
diff --git a/src/pages/melee-match.vue b/src/pages/melee-match.vue
index d060384..c993bcb 100644
--- a/src/pages/melee-match.vue
+++ b/src/pages/melee-match.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, onMounted, onUnmounted } from "vue";
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
 import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import BowTarget from "@/components/BowTarget.vue";
@@ -160,7 +160,7 @@ onMounted(() => {
   });
   uni.$on("socket-inbox", onReceiveMessage);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.setKeepScreenOn({
     keepScreenOn: false,
   });
diff --git a/src/pages/order-detail.vue b/src/pages/order-detail.vue
index 749bc34..9746055 100644
--- a/src/pages/order-detail.vue
+++ b/src/pages/order-detail.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import Container from "@/components/Container.vue";
 import SButton from "@/components/SButton.vue";
 import { payOrderAPI, cancelOrderListAPI, getHomeData } from "@/apis";
@@ -30,7 +30,7 @@ onMounted(() => {
   uni.$on("socket-inbox", onReceiveMessage);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.$off("socket-inbox", onReceiveMessage);
 });
 
diff --git a/src/pages/point-book-create.vue b/src/pages/point-book-create.vue
index a03f1f7..8e0a573 100644
--- a/src/pages/point-book-create.vue
+++ b/src/pages/point-book-create.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import EditOption from "@/components/EditOption.vue";
diff --git a/src/pages/point-book-detail.vue b/src/pages/point-book-detail.vue
index 0b7c3e2..c4b57d0 100644
--- a/src/pages/point-book-detail.vue
+++ b/src/pages/point-book-detail.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import BowTargetEdit from "@/components/BowTargetEdit.vue";
diff --git a/src/pages/point-book-list.vue b/src/pages/point-book-list.vue
index 97722d6..a3ecc19 100644
--- a/src/pages/point-book-list.vue
+++ b/src/pages/point-book-list.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted } from "vue";
 import Container from "@/components/Container.vue";
 import SModal from "@/components/SModal.vue";
 import EditOption from "@/components/EditOption.vue";
diff --git a/src/pages/practise-one.vue b/src/pages/practise-one.vue
index ed5b929..e8a0313 100644
--- a/src/pages/practise-one.vue
+++ b/src/pages/practise-one.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import Container from "@/components/Container.vue";
 import ShootProgress from "@/components/ShootProgress.vue";
 import BowTarget from "@/components/BowTarget.vue";
@@ -98,7 +98,7 @@ onMounted(() => {
   uni.$on("socket-inbox", onReceiveMessage);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.setKeepScreenOn({
     keepScreenOn: false,
   });
diff --git a/src/pages/practise-two.vue b/src/pages/practise-two.vue
index 6db2c78..c566337 100644
--- a/src/pages/practise-two.vue
+++ b/src/pages/practise-two.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import Container from "@/components/Container.vue";
 import ShootProgress from "@/components/ShootProgress.vue";
 import BowTarget from "@/components/BowTarget.vue";
@@ -91,7 +91,7 @@ onMounted(() => {
   uni.$on("socket-inbox", onReceiveMessage);
 });
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.setKeepScreenOn({
     keepScreenOn: false,
   });
diff --git a/src/pages/team-battle.vue b/src/pages/team-battle.vue
index 332ccda..01a6c78 100644
--- a/src/pages/team-battle.vue
+++ b/src/pages/team-battle.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted, nextTick } from "vue";
+import { ref, onMounted, onBeforeUnmount, nextTick } from "vue";
 import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import BattleHeader from "@/components/BattleHeader.vue";
@@ -271,7 +271,7 @@ onMounted(() => {
   });
   uni.$on("socket-inbox", onReceiveMessage);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.setKeepScreenOn({
     keepScreenOn: false,
   });
diff --git a/src/pages/team-match.vue b/src/pages/team-match.vue
index 2aa6065..0c299e1 100644
--- a/src/pages/team-match.vue
+++ b/src/pages/team-match.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onUnmounted, nextTick } from "vue";
+import { ref, onMounted, onBeforeUnmount, nextTick } from "vue";
 import { onLoad, onShow, onHide } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import BattleHeader from "@/components/BattleHeader.vue";
@@ -270,7 +270,7 @@ onMounted(() => {
   });
   uni.$on("socket-inbox", onReceiveMessage);
 });
-onUnmounted(() => {
+onBeforeUnmount(() => {
   uni.setKeepScreenOn({
     keepScreenOn: false,
   });