Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions src/content/docs/fr/reference/image-service-reference.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -284,6 +284,33 @@ export default defineConfig({
});
```

## Définir un type pour les props personnalisées du service d'images

<p><Since v="5.16.6" /></p>

Si votre service d'images prend en charge des propriétés supplémentaires dans le composant `<Image>` d'Astro, le composant `<Picture>` ou la fonction `getImage()`, vous pouvez ajouter des types pour celles-ci en étendant l'interface `Astro.CustomImageProps`.

Par exemple, pour ajouter une propriété `blur` personnalisée compatible avec votre service d'images :

```ts
declare namespace Astro {
interface CustomImageProps {
/** Appliquez un flou gaussien avec ce rayon à l'image. */
blur?: number;
}
}
```

Vous pouvez exposer ces types aux utilisateurs en faisant de votre service d'images une [intégration Astro](/fr/reference/integrations-reference/) et en utilisant l'assistant [`injectTypes()`](/fr/reference/integrations-reference/#option-injecttypes).

Les utilisateurs pourront alors bénéficier de la saisie semi-automatique et de la sûreté du typage pour vos props personnalisées :

```astro
<Image blur="yes" src={myPhoto} />
// ^^^^^^^^^^
// Type 'string' is not assignable to type 'number | undefined'.
```

## Utilitaires

Astro propose plusieurs fonctions d'assistance permettant de développer un service d'images personnalisé. Ces utilitaires peuvent être importés depuis `astro/assets/utils` :
Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/fr/reference/integrations-reference.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -674,7 +674,7 @@ Une copie en lecture seule de la [configuration Astro](/fr/reference/configurati

Transforme l'intégration en adaptateur. Pour en savoir plus, consultez l'[API des adaptateurs](/fr/reference/adapter-reference/).

#### Options `injectTypes()`
#### Option `injectTypes()`

<p>

Expand Down