Merge branch 'benmccann-svelte-5.0.0-next.28'

Author: krausest

README.md

@@ -58,7 +58,7 @@ Some frameworks like React, Vue.js or Angular, allow you to create a 1:1 relatio
 
 The other mode is “non-keyed” and this is what e.g. vue.js uses by default for lists. In this mode, a change to the data items can modify DOM nodes that were associated with other data before. This can be more performant, since costly DOM operations can be avoided (e.g. first removing old nodes and then adding new nodes) and the existing DOM nodes are updated to display the new data. For React and Angular, using the item index as the key uses “non-keyed” mode for those frameworks.
 
-Depending on your requirements, the “non-keyed” mode can be a performance gain or can cause severe problems, so one must carefully choose the mode and check that the framework supports that mode.
+Depending on your requirements, the “non-keyed” mode can be a performance gain or can cause severe problems, so one must carefully choose the mode and check that the framework supports that mode.
 
 Read more here: [https://www.stefankrause.net/wp/?p=342](https://www.stefankrause.net/wp/?p=342)
 

frameworks/keyed/svelte-classic/package-lock.json

@@ -22,10 +22,10 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "15.1.0",
-    "@rollup/plugin-terser": "0.4.3",
-    "rollup": "^3.26.2",
-    "rollup-plugin-svelte": "7.1.6",
-    "svelte": "^5.0.0-next.8"
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "rollup": "^3.29.4",
+    "rollup-plugin-svelte": "^7.1.6",
+    "svelte": "^5.0.0-next.28"
   }
 }

frameworks/keyed/svelte-classic/package.json

@@ -26,6 +26,6 @@
     "@rollup/plugin-terser": "^0.4.4",
     "rollup": "^3.29.4",
     "rollup-plugin-svelte": "^7.1.6",
-    "svelte": "^5.0.0-next.26"
+    "svelte": "^5.0.0-next.28"
   }
 }

frameworks/keyed/svelte/package-lock.json

@@ -2,7 +2,7 @@
 
 <script>
 	let rowId = 1;
-	let data = $state([]);
+	let data = $state.frozen([]);
 	let selected = $state();
 
 	const adjectives = [

frameworks/keyed/svelte/package.json

@@ -22,10 +22,10 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "15.1.0",
-    "@rollup/plugin-terser": "0.4.3",
-    "rollup": "^3.26.2",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "rollup": "^3.29.4",
     "rollup-plugin-svelte": "7.1.6",
-    "svelte": "^5.0.0-next.8"
+    "svelte": "^5.0.0-next.28"
   }
 }