From e5b2c93d0b37dd807412e3b7372ba3de44afa6dc Mon Sep 17 00:00:00 2001
From: Simon Holthausen <simon.holthausen@vercel.com>
Date: Mon, 8 Jan 2024 11:36:56 +0100
Subject: [PATCH] test and changeset

---
 .changeset/stale-books-perform.md             |  5 +++++
 .../samples/bind-and-spread/_config.js        | 21 +++++++++++++++++++
 .../samples/bind-and-spread/button.svelte     |  6 ++++++
 .../samples/bind-and-spread/main.svelte       | 12 +++++++++++
 4 files changed, 44 insertions(+)
 create mode 100644 .changeset/stale-books-perform.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/bind-and-spread/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/bind-and-spread/button.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/bind-and-spread/main.svelte

diff --git a/.changeset/stale-books-perform.md b/.changeset/stale-books-perform.md
new file mode 100644
index 0000000000..ca79821d1d
--- /dev/null
+++ b/.changeset/stale-books-perform.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: take into account setters when spreading and binding
diff --git a/packages/svelte/tests/runtime-runes/samples/bind-and-spread/_config.js b/packages/svelte/tests/runtime-runes/samples/bind-and-spread/_config.js
new file mode 100644
index 0000000000..604ca6a8d5
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/bind-and-spread/_config.js
@@ -0,0 +1,21 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<button class="foo">0</button><button class="foo">0</button>`,
+
+	async test({ assert, target }) {
+		const [btn1, btn2] = target.querySelectorAll('button');
+
+		await btn1?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`<button class="foo">1</button><button class="foo">1</button>`
+		);
+
+		await btn2?.click();
+		assert.htmlEqual(
+			target.innerHTML,
+			`<button class="foo">2</button><button class="foo">2</button>`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/bind-and-spread/button.svelte b/packages/svelte/tests/runtime-runes/samples/bind-and-spread/button.svelte
new file mode 100644
index 0000000000..45c1abced8
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/bind-and-spread/button.svelte
@@ -0,0 +1,6 @@
+<script>
+	let { value, ...props } = $props();
+	
+</script>
+
+<button {...props} onclick={() => value++}>{value}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/bind-and-spread/main.svelte b/packages/svelte/tests/runtime-runes/samples/bind-and-spread/main.svelte
new file mode 100644
index 0000000000..974470a44e
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/bind-and-spread/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	import Button from './button.svelte';
+	
+	let value = $state(0);
+
+	const props = {
+		class: 'foo'
+	};
+</script>
+
+<Button {...props} bind:value />
+<button {...props} onclick={() => value++}>{value}</button>