Ce module fournit plusieurs fonctions à utiliser pendant votre migration, puisque certaines
anciennes fonctionnalités ne peuvent pas être remplacées à l'identique par de nouvelles. Tous les
imports sont étiquetés dépréciés et doivent être migrés manuellement quand vous en aurez l'occasion.
```js
// @noErrors
import {
asClassComponent,
createBubbler,
createClassComponent,
handlers,
nonpassive,
once,
passive,
preventDefault,
run,
self,
stopImmediatePropagation,
stopPropagation,
trusted
} from 'svelte/legacy';
```
## asClassComponent
N'utilisez ceci qu'en tant que solution temporaire pour migrer votre code impératif vers Svelte 5.
Prend la fonction du composant et renvoie un constructeur de composant compatible avec Svelte 4.
```dts
function asClassComponent<
Props extends Record
,
Exports extends Record,
Events extends Record,
Slots extends Record
>(
component:
| SvelteComponent
| Component
): ComponentType<
SvelteComponent & Exports
>;
```
N'utilisez ceci qu'en tant que solution temporaire pour migrer automatiquement des évènments
délégués vers Svelte 5.
Fonction pour créer une fonction `bubble` qui mime le comportement Svelte 4 de `on:click` sans
gestionnaire associé.
```dts
function createBubbler(): (
type: string
) => (event: Event) => boolean;
```
## createClassComponent
N'utilisez ceci qu'en tant que solution temporaire pour migrer votre code impératif vers Svelte 5.
Prend les mêmes options qu'un composant Svelte 4 ou la fonction de composant, et renvoie un
composant compaatible avec Svelte 4.
```dts
function createClassComponent<
Props extends Record
,
Exports extends Record,
Events extends Record,
Slots extends Record
>(
options: ComponentConstructorOptions & {
component:
| ComponentType>
| Component;
}
): SvelteComponent & Exports;
```
```dts
function handlers(
...handlers: EventListener[]
): EventListener;
```
## nonpassive
Remplacement du modificateur d'évènement `nonpassive`, implémenté comme une action.
```dts
function nonpassive(
node: HTMLElement,
[event, handler]: [
event: string,
handler: () => EventListener
]
): void;
```
## once
Remplacement du modificateur d'évènement `once`.
```dts
function once(
fn: (event: Event, ...args: Array) => void
): (event: Event, ...args: unknown[]) => void;
```
## passive
Remplacement du modificateur d'évènement `passive`, implémenté comme une action.
```dts
function passive(
node: HTMLElement,
[event, handler]: [
event: string,
handler: () => EventListener
]
): void;
```
## preventDefault
Remplacement du modificateur d'évènement `preventDefault`.
```dts
function preventDefault(
fn: (event: Event, ...args: Array) => void
): (event: Event, ...args: unknown[]) => void;
```
## run
N'utilisez ceci qu'en tant que solution temporaire pour migrer votre code de composant vers Svelte
5.
Exécute la fonction fournie immédiatement et une seule fois sur le serveur, et fonctionne comme
`$effect.pre` sur le client.
```dts
function run(fn: () => void | (() => void)): void;
```
## self
Remplacement du modificateur d'évènement `self`.
```dts
function self(
fn: (event: Event, ...args: Array) => void
): (event: Event, ...args: unknown[]) => void;
```
## stopImmediatePropagation
Remplacement du modificateur d'évènement `stopImmediatePropagation`.
```dts
function stopImmediatePropagation(
fn: (event: Event, ...args: Array) => void
): (event: Event, ...args: unknown[]) => void;
```
## stopPropagation
Remplacement du modificateur d'évènement `stopPropagation`.
```dts
function stopPropagation(
fn: (event: Event, ...args: Array) => void
): (event: Event, ...args: unknown[]) => void;
```
## trusted
Remplacement du modificateur d'évènement `trusted`.
```dts
function trusted(
fn: (event: Event, ...args: Array) => void
): (event: Event, ...args: unknown[]) => void;
```
## LegacyComponentType
Permet d'utiliser un composant à la fois comme une classe et comme une fonction pendant la période
de transition.
```dts
type LegacyComponentType = {
new (o: ComponentConstructorOptions): SvelteComponent;
(
...args: Parameters>>
): ReturnType<
Component, Record>
>;
};
```