Move title music to layout so it plays continuously across routes

2 files changed, 7 insertions, 6 deletions

diff --git a/lib/screens/BeginScreen.svelte b/lib/screens/BeginScreen.svelte
index e79528d..88f708e 100644
--- a/lib/screens/BeginScreen.svelte
+++ b/lib/screens/BeginScreen.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
-  import { base } from '$app/paths'
   import AppTitle from '@hollowdark/lib/components/AppTitle.svelte'
   import AppVersion from '@hollowdark/lib/components/AppVersion.svelte'
-  import AudioPlayer from '@hollowdark/lib/components/AudioPlayer.svelte'
   import BeginActions from '@hollowdark/lib/components/BeginActions.svelte'
   import LeafScene from '@hollowdark/lib/components/LeafScene.svelte'
   import type { BeginState } from '@hollowdark/loading/session'
@@ -22,8 +20,6 @@
     onSettings,
     onCredits
   }: Props = $props()
-
-  const titleTrackSrc = `${base}/audio/title/piano-relaxing.mp3`
 </script>
 
 <section class="begin">
@@ -38,8 +34,6 @@
   </div>
 
   <AppVersion />
-
-  <AudioPlayer src={titleTrackSrc} loop />
 </section>
 
 <style>
diff --git a/routes/+layout.svelte b/routes/+layout.svelte
index 35fb2d7..226487d 100644
--- a/routes/+layout.svelte
+++ b/routes/+layout.svelte
@@ -1,5 +1,12 @@
 <script lang="ts">
+  import { base } from '$app/paths'
+  import AudioPlayer from '@hollowdark/lib/components/AudioPlayer.svelte'
+
   let { children } = $props()
+
+  const titleTrackSrc = `${base}/audio/title/piano-relaxing.mp3`
 </script>
 
+<AudioPlayer src={titleTrackSrc} loop />
+
 {@render children()}