From ccd002e2c879b6f9f124d6b4b3c7b9ade252194f Mon Sep 17 00:00:00 2001
From: inokawa <48897392+inokawa@users.noreply.github.com>
Date: Sat, 17 Aug 2024 23:05:25 +0900
Subject: [PATCH] Fix svelte example

---
 README.md                     | 2 +-
 stories/svelte/Default.svelte | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index f57a0e2b3..330aa9b16 100644
--- a/README.md
+++ b/README.md
@@ -266,7 +266,7 @@ export const App = () => {
   const data = Array.from({ length: 1000 }).map((_, i) => sizes[i % 4] );
 </script>
 
-<VList {data} let:item let:index style={`height: 100vh;`} getKey={(d) => d.id}>
+<VList {data} let:item let:index style={`height: 100vh;`} getKey={(_,i) => i}>
   <div
     style={`
       height: ${item}px;
diff --git a/stories/svelte/Default.svelte b/stories/svelte/Default.svelte
index 8b2acfe8b..c59d8c09a 100644
--- a/stories/svelte/Default.svelte
+++ b/stories/svelte/Default.svelte
@@ -2,19 +2,18 @@
   import { VList } from "../../src/svelte";
 
   const sizes = [20, 40, 180, 77];
-  const createItem = (i: number) => ({ id: i, size: sizes[i % 4] + "px" });
 
-  const data = Array.from({ length: 1000 }).map((_, i) => createItem(i));
+  const data = Array.from({ length: 1000 }).map((_, i) => sizes[i % 4]!);
 </script>
 
-<VList {data} let:item style={`height: 100vh;`} getKey={(d) => d.id}>
+<VList {data} let:item let:index style={`height: 100vh;`} getKey={(_, i) => i}>
   <div
     style={`
-      height: ${item.size};
+      height: ${item}px;
       background: white;
       border-bottom: solid 1px #ccc;
     `}
   >
-    {item.id}
+    {index}
   </div>
 </VList>