fix: move labeled statements that need reordering after props insertion point (#13480)

Author: paoloricciuti

.changeset/many-fishes-warn.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: move labeled statements that need reordering after props insertion point

packages/svelte/src/compiler/migrate/index.js

@@ -237,7 +237,9 @@ export function migrate(source) {
 				dependencies.some(
 					(dep) =>
 						!ids.includes(dep) &&
-						/** @type {number} */ (dep.node.start) > /** @type {number} */ (node.start)
+						(dep.kind === 'prop' || dep.kind === 'bindable_prop'
+							? state.props_insertion_point
+							: /** @type {number} */ (dep.node.start)) > /** @type {number} */ (node.start)
 				)
 			) {
 				needs_reordering = true;

packages/svelte/tests/migrate/samples/props-and-labeled/input.svelte

@@ -0,0 +1,7 @@
+<script>
+	export let readonly;
+	$: writable = !readonly;
+	export let optional = 'foo';
+</script>
+
+{readonly} {optional} {writable}

packages/svelte/tests/migrate/samples/props-and-labeled/output.svelte

@@ -0,0 +1,7 @@
+<script>
+	/** @type {{readonly: any, optional?: string}} */
+	let { readonly, optional = 'foo' } = $props();
+	let writable = $derived(!readonly);
+</script>
+
+{readonly} {optional} {writable}