inertiax-svelte 1.1.2 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inertiax-svelte",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [

package/src/Render.svelte

@@ -1,9 +1,10 @@
 <script context="module">
-  export const h = (component, props, nested) => {
+
+  export const h = (component, props, children) => {
     return {
       component,
       ...(props ? { props } : {}),
-      ...(nested ? { nested } : {}),
+      ...(children ? { children } : {}),
     }
   }
 </script>
@@ -11,13 +12,28 @@
 <script>
   import store from './store'
 
-  const {component, props = {}, nested = []} = $props()
+  let {component, props = {}, children = []} = $props()
+
+  let key = $state(new Date().getTime())
+  
+  let prev = component
+
+  function updateKey(component) {
+    if (prev !== component) {
+      prev = component
+      key = new Date().getTime()
+    }
+  }
+
+  $effect(() => updateKey(component))
 </script>
 
 {#if $store.component}
-  <svelte:component this={component} {...props}>
-    {#each nested as child, index (component && component.length === index ? $store.key : null)}
-      <svelte:self {...child} />
-    {/each}
-  </svelte:component>
-{/if}
+  {#key key}
+    <svelte:component this={component} {...props}>
+      {#each children as child, index (component && component.length === index ? $store.key : null)}
+        <svelte:self {...child} />
+      {/each}
+    </svelte:component>
+  {/key}
+{/if}

package/src/createInertiaApp.js

@@ -1,7 +1,6 @@
 import { router, setupProgress } from 'inertiax-core'
 import { render } from 'svelte/server';
 import App from './App.svelte'
-import SSR from './SSR.svelte'
 import store from './store'
 
 export default async function createInertiaApp({ id = 'app', resolve, setup, progress = {}, page }) {
@@ -51,7 +50,7 @@ export default async function createInertiaApp({ id = 'app', resolve, setup, pro
   }
 
   if (isServer) {
-    const { html, head } = render(SSR, { props: {id, initialPage} })
+    const { html, head } = render(App)
 
     return {
       body: html,

package/src/SSR.svelte

@@ -1,8 +0,0 @@
-<script>
-  import App from './App.svelte'
-  const {id, initialPage} = $props()
-</script>
-
-<div data-server-rendered="true" {id} data-page={JSON.stringify(initialPage)}>
-  <App />
-</div>