@inertiajs/svelte 1.0.15 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/svelte",
-  "version": "1.0.15",
+  "version": "1.1.0",
   "license": "MIT",
   "description": "The Svelte adapter for Inertia.js",
   "contributors": [
@@ -28,7 +28,7 @@
     "svelte": "^3.20.0 || ^4.0.0"
   },
   "dependencies": {
-    "@inertiajs/core": "1.0.15",
+    "@inertiajs/core": "1.1.0",
     "lodash.clonedeep": "^4.5.0",
     "lodash.isequal": "^4.5.0"
   }

package/src/Link.svelte

@@ -10,6 +10,7 @@
   export let preserveScroll = false
   export let preserveState = null
   export let only = []
+  export let except = []
   export let headers = {}
   export let queryStringArrayFormat = 'brackets'
 
@@ -22,6 +23,7 @@
   })
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <svelte:element
   this={as}
   use:inertia={{
@@ -32,6 +34,7 @@
     preserveScroll,
     preserveState: preserveState ?? method !== 'get',
     only,
+    except,
     headers,
     queryStringArrayFormat,
   }}

package/src/Render.svelte

@@ -14,12 +14,23 @@
   export let component
   export let props = {}
   export let children = []
+
+  let prevComponent
+  let key
+  $: {
+    if (prevComponent !== component) {
+      key = Date.now()
+      prevComponent = component
+    }
+  }
 </script>
 
 {#if $store.component}
-  <svelte:component this={component} {...props}>
-    {#each children as child, index (component && component.length === index ? $store.key : null)}
-      <svelte:self {...child} />
-    {/each}
-  </svelte:component>
+  {#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/index.js

@@ -1,7 +1,7 @@
 export { router } from '@inertiajs/core'
+export { default as Link } from './Link.svelte'
 export { default as createInertiaApp } from './createInertiaApp'
 export { default as inertia } from './link'
-export { default as Link } from './Link.svelte'
 export { default as page } from './page'
 export { default as remember } from './remember'
 export { default as useForm } from './useForm'

package/src/useForm.js

@@ -1,6 +1,6 @@
 import { router } from '@inertiajs/core'
-import isEqual from 'lodash.isequal'
 import cloneDeep from 'lodash.clonedeep'
+import isEqual from 'lodash.isequal'
 import { writable } from 'svelte/store'
 
 function useForm(...args) {