Fix svelte example

inokawa · Aug 17, 2024 · ccd002e · ccd002e
1 parent 1a3bda6
commit ccd002e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git 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
@@ -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>