Skip to content

Commit ab4cfdb

Browse files
i18n(fr): update container-reference.mdx
See withastro#12511
1 parent 072dee1 commit ab4cfdb

File tree

1 file changed

+48
-6
lines changed

1 file changed

+48
-6
lines changed

src/content/docs/fr/reference/container-reference.mdx

Lines changed: 48 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,11 @@ Cette API est expérimentale et sujette à des modifications sans rétrocompatib
2020

2121
## `create()`
2222

23+
<p>
24+
25+
**Type :** `(options?: AstroContainerOptions) => Promise<experimental_AstroContainer>`
26+
</p>
27+
2328
Crée une nouvelle instance du conteneur.
2429

2530
```js
@@ -50,13 +55,21 @@ export type AddServerRenderer =
5055

5156
### Option `streaming`
5257

53-
**Type :** `boolean`
58+
<p>
59+
60+
**Type :** `boolean`<br />
61+
**Par défaut :** `false`
62+
</p>
5463

5564
Active les composants de rendu utilisant le [streaming HTML](/fr/guides/on-demand-rendering/#streaming-html).
5665

5766
### Option `renderers`
5867

59-
**Type :** `AddServerRenderer[]`
68+
<p>
69+
70+
**Type :** `AddServerRenderer[]`<br />
71+
**Par défaut :** `[]`
72+
</p>
6073

6174
Liste des moteurs de rendu client chargés requis par le composant. Utilisez cette option si votre composant `.astro` restitue des [composants de framework UI](/fr/guides/framework-components/) ou MDX à l'aide d'une intégration Astro officielle (par exemple React, Vue, etc.).
6275

@@ -106,15 +119,20 @@ import vueRenderer from "@astrojs/vue/server.js";
106119
import mdxRenderer from "@astrojs/mdx/server.js";
107120

108121
const container = await experimental_AstroContainer.create();
109-
container.addServerRenderer({renderer: vueRenderer});
110-
container.addServerRenderer({renderer: mdxRenderer});
122+
container.addServerRenderer({ renderer: vueRenderer });
123+
container.addServerRenderer({ renderer: mdxRenderer });
111124

112125
container.addServerRenderer({ renderer: reactRenderer });
113126
container.addClientRenderer({ name: "@astrojs/react", entrypoint: "@astrojs/react/client.js" });
114127
```
115128

116129
## `renderToString()`
117130

131+
<p>
132+
133+
**Type :** <code>(component: AstroComponentFactory; options?: <a href="#options-de-rendu">ContainerRenderOptions</a>) => Promise&lt;string&gt;</code>
134+
</p>
135+
118136
Cette fonction restitue un composant spécifié à l'intérieur d'un conteneur. Elle prend un composant Astro comme argument et renvoie une chaîne de caractères qui représente le HTML/contenu rendu par le composant Astro.
119137

120138
```js
@@ -131,6 +149,11 @@ Elle accepte également un objet comme deuxième argument pouvant contenir un [c
131149

132150
## `renderToResponse()`
133151

152+
<p>
153+
154+
**Type :** <code>(component: AstroComponentFactory; options?: <a href="#options-de-rendu">ContainerRenderOptions</a>) => Promise&lt;Response&gt;</code>
155+
</p>
156+
134157
Elle restitue un composant et renvoie un objet `Response`.
135158

136159
```js
@@ -154,15 +177,19 @@ export type ContainerRenderOptions = {
154177
request?: Request;
155178
params?: Record<string, string | undefined>;
156179
locals?: App.Locals;
157-
routeType?: "page" | "endpoint";
180+
routeType?: RouteType;
181+
partial?: boolean;
158182
};
159183
```
160184

161185
Ces valeurs optionnelles peuvent être transmises à la fonction de rendu afin de fournir des informations supplémentaires nécessaires au bon rendu d'un composant Astro.
162186

163187
### `slots`
164188

189+
<p>
190+
165191
**Type :** `Record<string, any>`
192+
</p>
166193

167194
Une option pour transmettre du contenu à restituer avec [`<slots>`](/fr/basics/astro-components/#les-slots).
168195

@@ -224,7 +251,10 @@ const result = await container.renderToString(Card, {
224251

225252
### Option `props`
226253

254+
<p>
255+
227256
**Type :** `Record<string, unknown>`
257+
</p>
228258

229259
Une option pour transmettre des [propriétés](/fr/basics/astro-components/#props-de-composant) aux composants Astro.
230260

@@ -252,7 +282,10 @@ const { name } = Astro.props;
252282

253283
### Option `request`
254284

285+
<p>
286+
255287
**Type :** `Request`
288+
</p>
256289

257290
Une option pour passer une requête (`Request`) avec des informations sur le chemin/l'URL que le composant restituera.
258291

@@ -274,7 +307,10 @@ const result = await container.renderToString(Card, {
274307

275308
### Option `params`
276309

310+
<p>
311+
277312
**Type :** `Record<string, string | undefined>`
313+
</p>
278314

279315
Un objet permettant de transmettre des informations liées au chemin à un composant Astro chargé de [générer des routes dynamiques](/fr/guides/routing/#routes-dynamiques).
280316

@@ -300,7 +336,10 @@ const result = await container.renderToString(LocaleSlug, {
300336

301337
### Option `locals`
302338

339+
<p>
340+
303341
**Type :** `App.Locals`
342+
</p>
304343

305344
Une option pour passer les informations de [`Astro.locals`](/fr/reference/api-reference/#locals) pour le rendu de votre composant.
306345

@@ -341,7 +380,10 @@ test("User is out", async () => {
341380

342381
### Option `routeType`
343382

344-
**Type :** `"page" | "endpoint"`
383+
<p>
384+
385+
**Type :** `RouteType`
386+
</p>
345387

346388
Une option disponible lors de l'utilisation de `renderToResponse()` pour spécifier que vous restituez un [point de terminaison](/fr/guides/endpoints/) :
347389

0 commit comments

Comments
 (0)