mirror of https://github.com/sveltejs/svelte
fix: replicate Svelte 4 props update detection in legacy mode (#11577)
* fix: replicate Svelte 4 props update detection in legacy mode fixes #11448 by wrapping props in deriveds * fix test * Update packages/svelte/src/compiler/phases/3-transform/client/utils.js Co-authored-by: Rich Harris <rich.harris@vercel.com> * dedicated flag * prettier --------- Co-authored-by: Rich Harris <rich.harris@vercel.com>pull/11595/head
parent
a0bdac8cd7
commit
d408d20cdd
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"svelte": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
fix: replicate Svelte 4 props update detection in legacy mode
|
@ -0,0 +1,6 @@
|
|||||||
|
<script>
|
||||||
|
export let primitive;
|
||||||
|
export let object;
|
||||||
|
$: primitive && console.log('primitive');
|
||||||
|
$: object && console.log('object');
|
||||||
|
</script>
|
@ -0,0 +1,9 @@
|
|||||||
|
import { test } from '../../test';
|
||||||
|
|
||||||
|
export default test({
|
||||||
|
async test({ assert, logs, target }) {
|
||||||
|
assert.deepEqual(logs, ['primitive', 'object']);
|
||||||
|
await target.querySelector('button')?.click();
|
||||||
|
assert.deepEqual(logs, ['primitive', 'object', 'object']);
|
||||||
|
}
|
||||||
|
});
|
@ -0,0 +1,8 @@
|
|||||||
|
<script>
|
||||||
|
import Nested from './Nested.svelte';
|
||||||
|
|
||||||
|
let value = { count: 1 };
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<button on:click={() => value = { count: 1 }}>reassign</button>
|
||||||
|
<Nested primitive={value.count} object={value} />
|
@ -1,6 +1,6 @@
|
|||||||
import { test } from '../../test';
|
import { test } from '../../test';
|
||||||
|
|
||||||
export default test({
|
export default test({
|
||||||
client: ['foo.bar.baz'],
|
client: ['bar.baz'],
|
||||||
server: ['foo.bar.baz']
|
server: ['bar.baz']
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in new issue