updates deps and svelte config

1 files changed, 13 insertions, 5 deletions

diff --git a/src/lib/component/MyMusic.svelte b/src/lib/component/MyMusic.svelte
index aed9098..dd3758a 100644
--- a/src/lib/component/MyMusic.svelte
+++ b/src/lib/component/MyMusic.svelte
@@ -63,7 +63,7 @@
     }
   ];
 
-  let activeRelease = "3091487133";
+  let activeRelease = $state("3091487133");
 </script>
 
 <style lang="scss">
@@ -155,16 +155,24 @@
     <li>
       <button
         class:active={activeRelease === release.id}
-        on:click={() => activeRelease === release.id ? activeRelease = "" : activeRelease = release.id}>{release.title} by {release.by}</button>
+        onclick={() => activeRelease === release.id ? activeRelease = "" : activeRelease = release.id}>{release.title} by {release.by}</button>
 
       {#if activeRelease === release.id}
         <div class="player">
           <img alt={release.title + " art"} src={"/images/bandcamp/" + release.id + ".jpg"}/>
-          <!-- svelte-ignore a11y-missing-attribute -->
+          <!-- svelte-ignore a11y_missing_attribute -->
           {#if release.type === "album"}
-            <iframe style="height: 300px;" src="https://bandcamp.com/EmbeddedPlayer/album={release.id}/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless></iframe>
+            <iframe
+              seamless
+              src="https://bandcamp.com/EmbeddedPlayer/album={release.id}/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/"
+              style="height: 300px;"
+              title={release.title}></iframe>
           {:else}
-            <iframe style="height: 42px;" src="https://bandcamp.com/EmbeddedPlayer/track={release.id}/size=small/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless></iframe>
+            <iframe
+              seamless
+              src="https://bandcamp.com/EmbeddedPlayer/track={release.id}/size=small/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/"
+              style="height: 42px;"
+              title={release.title}></iframe>
           {/if}
         </div>
       {/if}