inertiax-svelte 2.1.1 → 2.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -1
- package/src/Render.svelte +9 -9
- package/src/createInertiaApp.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "inertiax-svelte",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "The Svelte adapter for Inertia.js",
|
|
6
6
|
"contributors": [
|
|
@@ -31,5 +31,8 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"lodash.clonedeep": "^4.5.0",
|
|
33
33
|
"lodash.isequal": "^4.5.0"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"html-escape": "^2.0.0"
|
|
34
37
|
}
|
|
35
38
|
}
|
package/src/Render.svelte
CHANGED
|
@@ -12,28 +12,28 @@
|
|
|
12
12
|
<script>
|
|
13
13
|
import store from './store'
|
|
14
14
|
|
|
15
|
-
let {component, props = {}, children = []} = $props()
|
|
15
|
+
let {component: Component, props = {}, children = []} = $props()
|
|
16
16
|
|
|
17
17
|
let key = $state(new Date().getTime())
|
|
18
18
|
|
|
19
|
-
let prev =
|
|
19
|
+
let prev = Component
|
|
20
20
|
|
|
21
|
-
function updateKey(
|
|
22
|
-
if (prev !==
|
|
23
|
-
prev =
|
|
21
|
+
function updateKey(Component) {
|
|
22
|
+
if (prev !== Component) {
|
|
23
|
+
prev = Component
|
|
24
24
|
key = new Date().getTime()
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
$effect(() => updateKey(
|
|
28
|
+
$effect(() => updateKey(Component))
|
|
29
29
|
</script>
|
|
30
30
|
|
|
31
31
|
{#if $store.component}
|
|
32
32
|
{#key key}
|
|
33
|
-
<
|
|
34
|
-
{#each children as child, index (
|
|
33
|
+
<Component {...props}>
|
|
34
|
+
{#each children as child, index (Component && Component.length === index ? $store.key : null)}
|
|
35
35
|
<svelte:self {...child} />
|
|
36
36
|
{/each}
|
|
37
|
-
</
|
|
37
|
+
</Component>
|
|
38
38
|
{/key}
|
|
39
39
|
{/if}
|
package/src/createInertiaApp.js
CHANGED
|
@@ -21,7 +21,7 @@ export default async function createInertiaApp({ id = 'app', resolve, setup, pro
|
|
|
21
21
|
const { html, head } = render(App)
|
|
22
22
|
|
|
23
23
|
return {
|
|
24
|
-
body: `<div data-server-rendered="true" data-page="${escape(JSON.stringify(initialPage))}">${html}</div>`,
|
|
24
|
+
body: `<div data-server-rendered="true" id="${id}" data-page="${escape(JSON.stringify(initialPage))}">${html}</div>`,
|
|
25
25
|
head: [
|
|
26
26
|
head
|
|
27
27
|
],
|