made audio preload

Author: zphrs

src/lib/Audio.svelte renamed to src/lib/AudioPlayer.svelte

@@ -22,7 +22,9 @@
 </script>
 
 <button
-	style={`--progress: ${audio && audio.duration ? ((currentTime - offset) / (audio.duration - offset)) * 100 : 0}%`}
+	style={`--progress: ${
+		audio && audio.duration ? ((currentTime - offset) / (audio.duration - offset)) * 100 : 0
+	}%`}
 	class:empty={!$$slots.default}
 	class:inline={inline !== undefined && inline !== false}
 	class:playing
@@ -32,6 +34,7 @@
 	<span class="icon">
 		<PlayPause {playing} />
 		<audio
+			preload="auto"
 			bind:this={audio}
 			bind:currentTime
 			on:ended={() => {

src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Audio from '$lib/Audio.svelte';
+	import Audio from '$lib/AudioPlayer.svelte';
 	import Plugs from '$lib/Plugs.svelte';
 	import Zephiris from '$lib/Zephiris.svelte';
 	import Nicknames from './Nicknames.svelte';

src/routes/Header.svelte

@@ -38,7 +38,7 @@
 	}
 	div {
 		width: 100vw;
-		transition: border-color 0.2s 0.2s;
+		transition: border-color 0.2s 0s;
 		animation: fadein 0.2s 0.75s both;
 		border-bottom: 2px solid var(--purple-500);
 		background-color: var(--black);

src/routes/Nicknames.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Audio from '$lib/Audio.svelte';
+	import Audio from '$lib/AudioPlayer.svelte';
 </script>
 
 <ul>