refactor(test-app): make window props reactive to page

Update Svelte test app components to assign window properties reactively when $page.props changes, ensuring global props stay in sync with page state. This replaces static assignments with $effect blocks for better reactivity and correctness.

Author: brodienguyen

packages/svelte5/test-app/Layouts/NestedLayout.svelte

@@ -6,9 +6,15 @@
 
   onMount(() => {
     window._inertia_nested_layout_id = crypto.randomUUID()
-    window._inertia_nested_layout_props = page.props
     createdAt = Date.now()
   })
+
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_nested_layout_props = $page.props
+    }
+  })
 </script>
 
 <div>

packages/svelte5/test-app/Layouts/SiteLayout.svelte

@@ -6,9 +6,15 @@
 
   onMount(() => {
     window._inertia_layout_id = crypto.randomUUID()
-    window._inertia_site_layout_props = page.props
     createdAt = Date.now()
   })
+
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_site_layout_props = $page.props
+    }
+  })
 </script>
 
 <div>

packages/svelte5/test-app/Pages/Home.svelte

@@ -20,9 +20,15 @@
 
   onMount(() => {
     window._inertia_page_key = crypto.randomUUID()
-    window._inertia_props = $page.props
     window._plugin_global_props = {}
   })
+
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_props = $page.props
+    }
+  })
 </script>
 
 <div>

packages/svelte5/test-app/Pages/PersistentLayouts/Shorthand/Nested/PageA.svelte

@@ -8,7 +8,12 @@
 <script lang="ts">
   import { inertia, page } from '@inertiajs/svelte5'
 
-  window._inertia_page_props = page.props
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_page_props = $page.props
+    }
+  })
 </script>
 
 <div>

packages/svelte5/test-app/Pages/PersistentLayouts/Shorthand/Nested/PageB.svelte

@@ -8,7 +8,12 @@
 <script lang="ts">
   import { inertia, page } from '@inertiajs/svelte5'
 
-  window._inertia_page_props = page.props
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_page_props = $page.props
+    }
+  })
 </script>
 
 <div>

packages/svelte5/test-app/Pages/PersistentLayouts/Shorthand/Simple/PageA.svelte

@@ -7,7 +7,12 @@
 <script lang="ts">
   import { inertia, page } from '@inertiajs/svelte5'
 
-  window._inertia_page_props = page.props
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_page_props = $page.props
+    }
+  })
 </script>
 
 <div>

packages/svelte5/test-app/Pages/PersistentLayouts/Shorthand/Simple/PageB.svelte

@@ -7,7 +7,12 @@
 <script lang="ts">
   import { inertia, page } from '@inertiajs/svelte5'
 
-  window._inertia_page_props = page.props
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_page_props = $page.props
+    }
+  })
 </script>
 
 <div>

packages/svelte5/test-app/Pages/Visits/PartialReloads.svelte

@@ -2,13 +2,17 @@
   import { page, router } from '@inertiajs/svelte5'
   import { onMount } from 'svelte'
 
-  export let foo
-  export let bar
-  export let baz
-  export let headers
+  const { foo, bar, baz, headers } = $props()
 
   onMount(() => {
-    window._inertia_props = page.props
+    // Other initialization if needed
+  })
+
+  // Update props reactively when page changes
+  $effect(() => {
+    if (typeof window !== 'undefined') {
+      window._inertia_props = $page.props
+    }
   })
 
   const partialReloadVisit = () => {