chore: cleanup

Author: fcastrovilli

src/lib/synth.svelte

@@ -1,19 +1,14 @@
 <script lang="ts">
-	import * as Tone from 'tone';
-
-	import { onMount } from 'svelte';
 	import Voice from '$lib/voice.svelte';
 
 	let voices = 1;
-
-	onMount(() => {
-		Tone.start();
-	});
 </script>
 
 <div class="space-y-4">
-	{#each Array(voices) as _}
-		<Voice />
+	{#each Array(voices) as _, i}
+		<Voice>
+			<slot>Voice {i + 1}</slot>
+		</Voice>
 	{/each}
 	<button class="py-4 card variant-soft-secondary w-full" on:click={() => (voices += 1)}
 		>Add Voice</button

src/lib/voice.svelte

@@ -30,7 +30,7 @@
 
 <div class="card variant-ghost p-4 w-full flex flex-col h-full mx-auto justify-center items-center">
 	{#if osc}
-		<p>Voice</p>
+		<slot>Voice</slot>
 		<button on:click={toggleOsc} type="button" class="btn btn-icon variant-ghost uppercase">
 			<img src={icon} alt="" />
 		</button>

src/routes/+page.svelte

@@ -1,13 +1,7 @@
 <script lang="ts">
-	let start = false;
 	import Synth from '$lib/synth.svelte';
 </script>
 
 <div class="p-4 w-full space-y-4">
-	<button class="btn variant-soft-primary w-full" on:click={() => (start = !start)}
-		>{start ? 'Stop' : 'Start'}</button
-	>
-	{#if start}
-		<Synth />
-	{/if}
+	<Synth />
 </div>