port last test over, but fails

packages/svelte/tests/runtime-legacy/samples/ondestroy-prop-access/Component.svelte

@@ -0,0 +1,11 @@
+<script>
+	import { onDestroy } from 'svelte';
+
+	export let my_prop;
+
+	onDestroy(() => {
+		console.log(my_prop.foo);
+	});
+</script>
+
+{my_prop.foo}

packages/svelte/tests/runtime-legacy/samples/ondestroy-prop-access/main.svelte

@@ -1,11 +1,9 @@
 <script>
 	import Component from "./Component.svelte";
 
-	let show = $state(true);
-	let count = $state(0);
-	let spread = $derived({ checked: show, count });
-	let Dynamic = $derived(count < 2 ? Component : undefined);
-	let Dynamic2 = $derived(show ? Component : undefined);
+	let show = true;
+	let count = 0;
+	$: spread = { checked: show, count };
 </script>
 
 <button onclick={()=> count++ }></button>
@@ -32,13 +30,13 @@
 {/if}
 
 <!-- dynamic component -->
-<Dynamic {count} checked={show} />
+<svelte:component this={count < 2 ? Component : undefined} {count} checked={show} />
 
 <!-- dynamic component spread -->
-<Dynamic {...spread} />
+<svelte:component this={count < 2 ? Component : undefined} {...spread} />
 
 <!-- dynamic component with prop only accessed on destroy -->
-<Dynamic2 {count} checked={show} />
+<svelte:component this={show ? Component : undefined} {count} checked={show} />
 
 <!-- dynamic component with prop only accessed on destroy spread -->
-<Dynamic2 {...spread} />
+<svelte:component this={show ? Component : undefined} {...spread} />

packages/svelte/tests/runtime-runes/samples/ondestroy-prop-access/Component.svelte

@@ -1,10 +0,0 @@
-<script>
-	let { checked = $bindable(), count = $bindable() } = $props();
-	$effect(() => ()=>{
-		console.log(count, checked);
-	});
-</script>
-
-<p>{count}</p>
-
-<button onclick={()=> count-- }></button>