init (#15628)

.changeset/pink-lamps-leave.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: add setters to `$derived` class properties

packages/svelte/src/compiler/phases/3-transform/client/visitors/ClassBody.js

@@ -142,30 +142,17 @@ export function ClassBody(node, context) {
 					// get foo() { return this.#foo; }
 					body.push(b.method('get', definition.key, [], [b.return(b.call('$.get', member))]));
 
-					if (field.kind === 'state' || field.kind === 'raw_state') {
+					// set foo(value) { this.#foo = value; }
-						// set foo(value) { this.#foo = value; }
+					const val = b.id('value');
-						const value = b.id('value');
+
-
+					body.push(
-						body.push(
+						b.method(
-							b.method(
+							'set',
-								'set',
+							definition.key,
-								definition.key,
+							[val],
-								[value],
+							[b.stmt(b.call('$.set', member, val, field.kind === 'state' && b.true))]
-								[b.stmt(b.call('$.set', member, value, field.kind === 'state' && b.true))]
+						)
-							)
+					);
-						);
-					}
-
-					if (dev && (field.kind === 'derived' || field.kind === 'derived_by')) {
-						body.push(
-							b.method(
-								'set',
-								definition.key,
-								[b.id('_')],
-								[b.throw_error(`Cannot update a derived property ('${name}')`)]
-							)
-						);
-					}
 				}
 				continue;
 			}