From 32fcc461cd43c8907df5e306d520bb671307eab1 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Thu, 7 Nov 2024 21:16:25 -0800
Subject: svelte 5

---
 src/components/Feed.svelte | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

(limited to 'src/components/Feed.svelte')

diff --git a/src/components/Feed.svelte b/src/components/Feed.svelte
index 5dc2b21a..593c2289 100644
--- a/src/components/Feed.svelte
+++ b/src/components/Feed.svelte
@@ -1,4 +1,6 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { t } from "$lib/translations";
   import { onMount } from "svelte";
   import Event from "$comp/Event.svelte";
@@ -7,10 +9,9 @@
   import { fail } from "$lib/utils";
   import { sign, send } from "$lib/nostr";
 
-  export let events;
-  export let user = undefined;
+  let { events = $bindable(), user = undefined } = $props();
 
-  let message;
+  let message = $state();
 
   let submit = async () => {
     try {
@@ -38,14 +39,14 @@
     }
   };
 
-  $: sorted = Object.values(events)
+  let sorted = $derived(Object.values(events)
     .filter((ev) => ev?.pubkey && ev?.kind === 1)
-    .sort((a, b) => b.seen - a.seen);
+    .sort((a, b) => b.seen - a.seen));
 </script>
 
 {#if user}
   <form
-    on:submit|preventDefault={submit}
+    onsubmit={preventDefault(submit)}
     class="flex justify-center gap-4 max-w-2xl mx-auto"
   >
     <div class="grow">
@@ -68,14 +69,16 @@
     <VirtualScroll
       data={sorted}
       key="id"
-      let:data
+      
       pageMode={true}
       estimateSize={200}
     >
-      <a href={`/${data.user.pubkey}/event/${data.id}`}>
-        <Event event={data} />
-      </a>
-    </VirtualScroll>
+      {#snippet children({ data })}
+            <a href={`/${data.user.pubkey}/event/${data.id}`}>
+          <Event event={data} />
+        </a>
+                {/snippet}
+        </VirtualScroll>
   {:else}
     <div class="flex w-full">
       <div class="mx-auto text-secondary">{$t("user.noNotes")}</div>
-- 
cgit v1.2.3