restructure $lib

src/routes/+layout.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { AudioManager } from '$lib/components/audio';
+	import { AudioLoader } from '$lib';
 </script>
 
-<AudioManager />
+<AudioLoader />
 
 <slot />

src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { audio } from '$lib/components/audio';
+	import { audio } from '$lib';
 
 	const sources = {
 		syntax: '/example-syntax.mp3',

src/routes/another-page/+page.svelte

@@ -1,10 +1,5 @@
 <script lang="ts">
-	import { audio } from '$lib/components/audio';
-
-	const sources = {
-		syntax: '/example-syntax.mp3',
-		knomii: '/example-knomii.mp3',
-	} as const;
+	import { audio } from '$lib';
 
 	let current_time = 0;
 	$: current_time = $audio.current_time;