Merge pull request #528 from inokawa/svelte5

Migrate to Svelte 5
inokawa · Oct 27, 2024 · 2121c7f · 2121c7f
2 parents a4c2de0 + de5d9e0
commit 2121c7f
Show file tree

Hide file tree

Showing 10 changed files with 293 additions and 369 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} 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>
 ```