Global const for composable

src/components/screens/Game.vue

@@ -30,9 +30,10 @@ import Map from '@/components/game/map/Map.vue'
 import { useGameComposable } from '@/composables/useGameComposable'
 import { useGameStore } from '@/stores/gameStore'
 import { Game, Scene } from 'phavuer'
+import { onMounted } from 'vue'
 
 const gameStore = useGameStore()
-const { playSound } = useGameComposable()
+const { playSound, stopSound } = useGameComposable()
 
 const gameConfig = {
   name: config.name,
@@ -68,4 +69,8 @@ function preloadScene(scene: Phaser.Scene) {
   scene.load.image('blank_tile', '/assets/map/blank_tile.png')
   scene.load.image('waypoint', '/assets/waypoint.png')
 }
+
+onMounted(() => {
+  stopSound('/assets/music/intro.mp3')
+})
 </script>