refactor: use prop spreading

src/lib/components/TrackCard.svelte

@@ -4,7 +4,7 @@
   export let id: number;
   export let title: string;
   export let version: number;
-  export let producerUsername: string;
+  export let producer: string;
   export let comments: { author: string; content: string; createdAt: Date }[];
 </script>
 
@@ -17,7 +17,7 @@
     </h2>
 
     <h3>
-      by <a href="/user/{producerUsername}" class="secondary">{producerUsername}</a>
+      by <a href="/user/{producer}" class="secondary">{producer}</a>
     </h3>
   </hgroup>
 
@@ -29,7 +29,7 @@
     {/if}
 
     {#each comments as comment}
-      <Comment content={comment.content} author={comment.author} createdAt={comment.createdAt} />
+      <Comment {...comment} />
       <hr />
     {/each}
 

src/routes/+page.svelte

@@ -18,13 +18,7 @@
   {/if}
 
   {#each data.tracks as track}
-    <TrackCard
-      id={track.id}
-      title={track.title}
-      version={track.version}
-      producerUsername={track.producer}
-      comments={track.comments}
-    />
+    <TrackCard {...track} />
   {/each}
 {:else}
   Oh no.