fix: avoid hoisting error by using 'let' instead of 'var'

Author: craig-jennings

packages/svelte/src/internal/client/dom/elements/attributes.js

@@ -111,7 +111,7 @@ export function set_attributes(element, prev, next, lowercase_attributes, css_ha
 	var events = [];
 
 	for (key in next) {
-		var value = next[key];
+		let value = next[key];
 		if (value === prev?.[key]) continue;
 
 		var prefix = key[0] + key[1]; // this is faster than key.slice(0, 2)

packages/svelte/tests/runtime-runes/samples/event-attribute-after-spread/_config.js

@@ -0,0 +1,13 @@
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target }) {
+		const input = target.querySelector('input');
+
+		input?.dispatchEvent(new Event('input', { bubbles: true }));
+
+		await Promise.resolve();
+
+		assert.htmlEqual(target.innerHTML, 'true <input class="hello">');
+	}
+});

packages/svelte/tests/runtime-runes/samples/event-attribute-after-spread/main.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	const props = {};
+	let changed = $state(false);
+</script>
+
+{changed}
+<input {...props} oninput={() => (changed = true)} class="hello" />