Migrate to Svelte 5

inokawa · Oct 27, 2024 · 1d3f0ec · 1d3f0ec
1 parent a4c2de0
commit 1d3f0ec
Show file tree

Hide file tree

Showing 10 changed files with 295 additions and 363 deletions.
diff --git a/README.md b/README.md
@@ -252,7 +252,7 @@ export const App = () => {
 
 ### Svelte
 
-`svelte >= 4.0` is required.
+`svelte >= 5.0` is required.
 
 ```svelte
 <script lang="ts">
@@ -263,16 +263,18 @@ 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={(_,i) => i}>
-  <div
-    style={`
-      height: ${item}px;
-      background: white;
-      border-bottom: solid 1px #ccc;
-    `}
-  >
-    {index}
-  </div>
+<VList {data} let:item let:index style={`height: 100vh;`} getKey={(_, i) => i}>
+  {#snippet children({ item, index })}
+    <div
+      style={`
+        height: ${item}px;
+        background: white;
+        border-bottom: solid 1px #ccc;
+      `}
+    >
+      {index}
+    </div>
+  {/snippet}
 </VList>
 ```