diff --git a/packages/svelte/src/ambient.d.ts b/packages/svelte/src/ambient.d.ts index 5fc1931661..1cdd282467 100644 --- a/packages/svelte/src/ambient.d.ts +++ b/packages/svelte/src/ambient.d.ts @@ -127,17 +127,22 @@ declare namespace $state { export function frozen(): Readonly | undefined; /** - * Declares reactive state that is linked to another value. Local reassignments will override the linked value - * until the linked value changes. + * Declares reactive state that is linked to another value. Local reassignments + * will override the linked value until the linked value changes. * * Example: * ```ts - * + * let a = $state(0); + * let b = $state.link(a); + + * a = 1; + * console.log(a, b); // 1, 1 + + * b = 2; // unlink + * console.log(a, b); // 1, 2 * - * + * a = 3; // relink + * console.log(a, b); // 3, 3 * ``` * * https://svelte-5-preview.vercel.app/docs/runes#$state-link diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts index 56cc650abf..4d0f40041e 100644 --- a/packages/svelte/types/index.d.ts +++ b/packages/svelte/types/index.d.ts @@ -2898,17 +2898,22 @@ declare namespace $state { export function frozen(): Readonly | undefined; /** - * Declares reactive state that is linked to another value. Local reassignments will override the linked value - * until the linked value changes. + * Declares reactive state that is linked to another value. Local reassignments + * will override the linked value until the linked value changes. * * Example: * ```ts - * + * let a = $state(0); + * let b = $state.link(a); + + * a = 1; + * console.log(a, b); // 1, 1 + + * b = 2; // unlink + * console.log(a, b); // 1, 2 * - * + * a = 3; // relink + * console.log(a, b); // 3, 3 * ``` * * https://svelte-5-preview.vercel.app/docs/runes#$state-link