fix(App): use local router instance for navigation in back button

This commit is contained in:
Astrian Zheng 2025-05-27 21:22:48 +10:00
parent 404698bfd1
commit d61320b97b
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA

View File

@ -1,11 +1,12 @@
<script setup lang="ts"> <script setup lang="ts">
import { useRoute } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
import Player from './components/Player.vue' import Player from './components/Player.vue'
import LeftArrowIcon from './assets/icons/leftarrow.vue' import LeftArrowIcon from './assets/icons/leftarrow.vue'
import SearchIcon from './assets/icons/search.vue' import SearchIcon from './assets/icons/search.vue'
import CorgIcon from './assets/icons/corg.vue' import CorgIcon from './assets/icons/corg.vue'
const route = useRoute() const route = useRoute()
const router = useRouter()
</script> </script>
@ -41,7 +42,7 @@ const route = useRoute()
<div v-else> <div v-else>
<button <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" 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" /> <LeftArrowIcon :size="4" />
</button> </button>
</div> </div>