display deprecation notices

Author: Rich-Harris

apps/svelte.dev/content/docs/svelte/04-runtime/03-lifecycle-hooks.md

@@ -45,6 +45,11 @@ If a function is returned from `onMount`, it will be called when the component i
 
 ## `onDestroy`
 
+Schedules a callback to run immediately before the component is unmounted.
+
+Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the
+only one that runs inside a server-side component.
+
 <div class="ts-block">
 
 ```dts

apps/svelte.dev/content/docs/svelte/98-reference/20-svelte.md

@@ -28,6 +28,12 @@ import {
 
 ## afterUpdate
 
+<blockquote class="tag deprecated">
+
+Use `$effect` instead — see https://svelte-5-preview.vercel.app/docs/deprecations#beforeupdate-and-afterupdate
+
+</blockquote>
+
 Schedules a callback to run immediately after the component has been updated.
 
 The first time the callback runs will be after the initial `onMount`.
@@ -46,6 +52,12 @@ function afterUpdate(fn: () => void): void;
 
 ## beforeUpdate
 
+<blockquote class="tag deprecated">
+
+Use `$effect.pre` instead — see https://svelte-5-preview.vercel.app/docs/deprecations#beforeupdate-and-afterupdate
+
+</blockquote>
+
 Schedules a callback to run immediately before the component is updated after any state change.
 
 The first time the callback runs will be before the initial `onMount`.
@@ -64,6 +76,12 @@ function beforeUpdate(fn: () => void): void;
 
 ## createEventDispatcher
 
+<blockquote class="tag deprecated">
+
+Use callback props and/or the `$host()` rune instead — see https://svelte-5-preview.vercel.app/docs/deprecations#createeventdispatcher
+
+</blockquote>
+
 Creates an event dispatcher that can be used to dispatch [component events](https://svelte.dev/docs#template-syntax-component-directives-on-eventname).
 Event dispatchers are functions that can take two arguments: `name` and `detail`.
 

apps/svelte.dev/content/docs/svelte/98-reference/21-svelte-compiler.md

@@ -148,7 +148,11 @@ function preprocess(
 
 ## walk
 
+<blockquote class="tag deprecated">
 
+Replace this with `import { walk } from 'estree-walker'`
+
+</blockquote>
 
 <div class="ts-block">
 

apps/svelte.dev/content/docs/svelte/98-reference/21-svelte-easing.md

@@ -43,8 +43,6 @@ import {
 
 ## backIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -57,8 +55,6 @@ function backIn(t: number): number;
 
 ## backInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -71,8 +67,6 @@ function backInOut(t: number): number;
 
 ## backOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -85,8 +79,6 @@ function backOut(t: number): number;
 
 ## bounceIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -99,8 +91,6 @@ function bounceIn(t: number): number;
 
 ## bounceInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -113,8 +103,6 @@ function bounceInOut(t: number): number;
 
 ## bounceOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -127,8 +115,6 @@ function bounceOut(t: number): number;
 
 ## circIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -141,8 +127,6 @@ function circIn(t: number): number;
 
 ## circInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -155,8 +139,6 @@ function circInOut(t: number): number;
 
 ## circOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -169,8 +151,6 @@ function circOut(t: number): number;
 
 ## cubicIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -183,8 +163,6 @@ function cubicIn(t: number): number;
 
 ## cubicInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -197,8 +175,6 @@ function cubicInOut(t: number): number;
 
 ## cubicOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -211,8 +187,6 @@ function cubicOut(t: number): number;
 
 ## elasticIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -225,8 +199,6 @@ function elasticIn(t: number): number;
 
 ## elasticInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -239,8 +211,6 @@ function elasticInOut(t: number): number;
 
 ## elasticOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -253,8 +223,6 @@ function elasticOut(t: number): number;
 
 ## expoIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -267,8 +235,6 @@ function expoIn(t: number): number;
 
 ## expoInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -281,8 +247,6 @@ function expoInOut(t: number): number;
 
 ## expoOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -295,8 +259,6 @@ function expoOut(t: number): number;
 
 ## linear
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -309,8 +271,6 @@ function linear(t: number): number;
 
 ## quadIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -323,8 +283,6 @@ function quadIn(t: number): number;
 
 ## quadInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -337,8 +295,6 @@ function quadInOut(t: number): number;
 
 ## quadOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -351,8 +307,6 @@ function quadOut(t: number): number;
 
 ## quartIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -365,8 +319,6 @@ function quartIn(t: number): number;
 
 ## quartInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -379,8 +331,6 @@ function quartInOut(t: number): number;
 
 ## quartOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -393,8 +343,6 @@ function quartOut(t: number): number;
 
 ## quintIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -407,8 +355,6 @@ function quintIn(t: number): number;
 
 ## quintInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -421,8 +367,6 @@ function quintInOut(t: number): number;
 
 ## quintOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -435,8 +379,6 @@ function quintOut(t: number): number;
 
 ## sineIn
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -449,8 +391,6 @@ function sineIn(t: number): number;
 
 ## sineInOut
 
-
-
 <div class="ts-block">
 
 ```dts
@@ -463,8 +403,6 @@ function sineInOut(t: number): number;
 
 ## sineOut
 
-
-
 <div class="ts-block">
 
 ```dts

apps/svelte.dev/content/docs/svelte/98-reference/21-svelte-legacy.md

@@ -25,6 +25,12 @@ import {
 
 ## asClassComponent
 
+<blockquote class="tag deprecated">
+
+Use this only as a temporary solution to migrate your imperative component code to Svelte 5.
+
+</blockquote>
+
 Takes the component function and returns a Svelte 4 compatible component constructor.
 
 <div class="ts-block">
@@ -50,6 +56,12 @@ function asClassComponent<
 
 ## createBubbler
 
+<blockquote class="tag deprecated">
+
+Use this only as a temporary solution to migrate your automatically delegated events in Svelte 5.
+
+</blockquote>
+
 Function to create a `bubble` function that mimic the behavior of `on:click` without handler available in svelte 4.
 
 <div class="ts-block">
@@ -66,6 +78,12 @@ function createBubbler(): (
 
 ## createClassComponent
 
+<blockquote class="tag deprecated">
+
+Use this only as a temporary solution to migrate your imperative component code to Svelte 5.
+
+</blockquote>
+
 Takes the same options as a Svelte 4 component and the component function and returns a Svelte 4 compatible component.
 
 <div class="ts-block">
@@ -179,6 +197,12 @@ function preventDefault(
 
 ## run
 
+<blockquote class="tag deprecated">
+
+Use this only as a temporary solution to migrate your component code to Svelte 5.
+
+</blockquote>
+
 Runs the given function once immediately on the server, and works like `$effect.pre` on the client.
 
 <div class="ts-block">