From d61320b97b056b1eb59b0157384e74c59ade7f1c Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Tue, 27 May 2025 21:22:48 +1000
Subject: [PATCH] fix(App): use local router instance for navigation in back
 button

---
 src/App.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5459c85..0177d0f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import Player from './components/Player.vue'
 import LeftArrowIcon from './assets/icons/leftarrow.vue'
 import SearchIcon from './assets/icons/search.vue'
 import CorgIcon from './assets/icons/corg.vue'
 
 const route = useRoute()
+const router = useRouter()
 
 </script>
 
@@ -41,7 +42,7 @@ const route = useRoute()
 					<div v-else>
 						<button
 							class="text-white w-9 h-9 bg-white/5 border border-[#ffffff39] rounded-full text-center backdrop-blur-3xl flex justify-center items-center"
-							@click="$router.back()">
+							@click="router.back()">
 							<LeftArrowIcon :size="4" />
 						</button>
 					</div>