<svelte:options>
<svelte:options option={value} />
L’élément <svelte:options>
permet de définir des options de compilateur pour le composant dans
lequel il est défini. Vous pouvez en apprendre plus dans la section dédiée au
compilateur Les options possibles sont :
runes={true}
— force un composant à être en mode runes (voir la section APIs legacy)runes={false}
— force un composant à être en mode legacynamespace="..."
— le namespace dans lequel ce composant sera utilisé, peut être"html"
(par défaut),"svg"
ou"mathml"
customElement={...}
— les options à utiliser lorsque vous souhaitez compiler ce composant en composant personnalisé. Si une chaîne de caractères est fournie, elle est utilisée comme optiontag
css="injected"
— le composant injectera ses styles inlinés : lors du rendu côté serveur, les styles seront injectés dans une balise<style>
du<head>
, lors du rendu côté client, les styles seront chargées via JavaScript
Legacy mode
Options dépréciées Svelte 4 a également les options suivantes. Elles sont dépréciées en Svelte 5 et non-fonctionnelles en mode runes.
immutable={true}
— vous n’utilisez jamais de données mutables, permettant au compilateur de se contenter de vérifier les équalités par référence pour déterminer si des valeurs ont changéimmutable={false}
— le comportement par défaut. Svelte sera plus conservatif au sujet de déterminer si ou non des objets mutables ont changéaccessors={true}
— ajouter des getters et setters pour les props du composantaccessort={false}
— le comportement par défaut
<svelte:options customElement="my-custom-element" />
Modifier cette page sur Github
précédent suivant