fix: fix tests and demo headers

package.json

@@ -61,8 +61,8 @@
     "@playwright/test": "^1.48.1",
     "@sveltejs/adapter-static": "^3.0.5",
     "@sveltejs/kit": "^2.7.1",
-    "@sveltejs/package": "2.3.5",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0-next.7",
+    "@sveltejs/package": "^2.3.5",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@types/eslint": "^9.6.1",
     "@types/node": "^22.7.7",
     "@typescript-eslint/eslint-plugin": "^8.10.0",
@@ -94,6 +94,6 @@
     "vite": "^5.4.9"
   },
   "peerDependencies": {
-    "svelte": "5.0.0-next.270"
+    "svelte": "^5.0.0"
   }
 }

src/lib/VirtualListNew.svelte

@@ -548,12 +548,12 @@
     const children = !isTable ? listInner.children : listInner.querySelector('tbody')!.children;
 
     for (let index = 0; index < children.length; index++) {
-      const el = <HTMLElement>children[index];
+      const el = children[index];
       const style = getComputedStyle(el);
       if (['absolute', 'fixed'].includes(style.position)) {
         continue;
       }
-      const outerSize = getOuterSize(el);
+      const outerSize = getOuterSize(el as HTMLElement);
       sizeArr.push(outerSize);
       if (sizeArr.length >= maxSampleCount) {
         break;

src/routes/examples/events/+page.svelte

@@ -4,5 +4,5 @@
 </script>
 
 <h2>Events</h2>
-<p>Try interacting with the list below and check the event log below.</p>
+<p>Try interacting with the list below and check the event log in the console.</p>
 <ExampleArea {example} />

src/routes/examples/horizontal/+page.svelte

@@ -3,6 +3,6 @@
   import example from './code.svelte?example';
 </script>
 
-<h2>Internal: VirtualList</h2>
+<h2>Horizontal List</h2>
 
 <ExampleArea {example} />

src/routes/examples/positioning/code.svelte

@@ -66,7 +66,7 @@
   }
 
   randomizeContent();
-  randomizeSize();
+  sameSize();
 </script>
 
 <div class="actions">

src/routes/examples/table/+page.svelte

@@ -3,6 +3,6 @@
   import example from './code.svelte?example';
 </script>
 
-<h2>Table rendering</h2>
+<h2>Table Rendering</h2>
 
 <ExampleArea {example} />

src/routes/examples/variablesizing/+page.svelte

@@ -3,6 +3,6 @@
   import example from './code.svelte?example';
 </script>
 
-<h2>Variable Sizing</h2>
+<h2>Variable item Sizing</h2>
 
 <ExampleArea {example} />

src/routes/examples/vertical/+page.svelte

@@ -3,6 +3,6 @@
   import example from './code.svelte?example';
 </script>
 
-<h2>Internal: VirtualList</h2>
+<h2>Vertical List</h2>
 
 <ExampleArea {example} />