1 files changed, 14 insertions, 5 deletions
diff --git a/src/lib/Hololive/Stream.svelte b/src/lib/Hololive/Stream.svelte
index 12681acb..9f2b5e7b 100644
--- a/src/lib/Hololive/Stream.svelte
+++ b/src/lib/Hololive/Stream.svelte
@@ -5,10 +5,19 @@
   import locale from '$stores/locale';
   import Icon from '@iconify/svelte';
 
-  export let live: any;
-  export let pinStream: (streamer: string) => void;
-  export let pinnedStreams: string[];
-  export let icon: string;
+  interface Props {
+    live: any;
+    pinStream: (streamer: string) => void;
+    pinnedStreams: string[];
+    icon: string;
+  }
+
+  let {
+    live,
+    pinStream,
+    pinnedStreams,
+    icon
+  }: Props = $props();
 </script>
 
 <div class="stream card">
@@ -16,7 +25,7 @@
     <div class="pin-icon">
       <a
         href={'#'}
-        on:click={(e) => {
+        onclick={(e) => {
           e.preventDefault();
           pinStream(live.streamer);
         }}