feat(svelte): allow state changes to be serialized into hydration payload

Author: galvez

packages/fastify-dx-svelte/virtual/root.svelte

@@ -2,17 +2,21 @@
 import { proxy } from 'sveltio'
 import { Router, Route } from 'svelte-routing'
 import DXRoute from '/dx:route.svelte'
+import { isServer } from '/dx:core.js'
 
 export let url = null
 export let payload
 
-let state = proxy(payload.serverRoute.state)
+let state = isServer
+  ? payload.serverRoute.state
+  : proxy(payload.serverRoute.state)
 </script>
 
 <Router url="{url}">
   {#each payload.routes as { path, component }}
     <Route path="{path}" let:location>
       <DXRoute 
+        path={path}
         location={location}
         state={state}
         payload={payload}

starters/svelte/client/root.svelte

@@ -3,22 +3,25 @@ import 'uno.css'
 import { proxy } from 'sveltio'
 import { Router, Route } from 'svelte-routing'
 import DXRoute from '/dx:route.svelte'
+import { isServer } from '/dx:core.js'
 
 export let url = null
 export let payload
 
-let state = proxy(payload.serverRoute.state)
+let state = isServer
+  ? payload.serverRoute.state
+  : proxy(payload.serverRoute.state)
 </script>
 
 <Router url="{url}">
   {#each payload.routes as { path, component }}
     <Route path="{path}" let:location>
-    	<DXRoute 
+      <DXRoute 
         path={path}
-    	  location={location}
-    		state={state}
+        location={location}
+        state={state}
         payload={payload}
-    		component={component} />
+        component={component} />
     </Route>
   {/each}
 </Router>