fix: add stopAll function to manage audio playback and reset state on unmount

Author: Errant404

src/composables/useScriptPlayer.ts

@@ -695,11 +695,23 @@ export function useScriptPlayer() {
     }
   }
 
+  const stopAll = () => {
+    if (bgmAudio) {
+      bgmAudio.pause()
+      bgmAudio = null
+    }
+    seAudios.forEach(audio => {
+      audio.pause()
+    })
+    seAudios.clear()
+  }
+
   return {
     state,
     loadScript,
     next,
     selectChoice,
     isLoading,
+    stopAll,
   }
 }

src/views/PlayerView.vue

@@ -69,6 +69,7 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
+  player.stopAll()
   if (resizeObserver) {
     resizeObserver.disconnect()
   }

src/views/SelectorView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="selector-container">
+  <div class="selector-container" ref="containerRef">
     <div class="header">
       <h1>FGO Story Player</h1>
       <div class="region-selector">
@@ -87,6 +87,13 @@ const router = useRouter()
 const selectedRegion = ref<RegionType>(store.region)
 
 const expandedQuests = ref<Set<number>>(new Set())
+const containerRef = ref<HTMLElement | null>(null)
+
+watch(() => store.currentWarId, () => {
+  if (containerRef.value) {
+    containerRef.value.scrollTop = 0
+  }
+})
 
 onMounted(() => {
   if (store.wars.length === 0) {