Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

i18n(fr): Update some files from #8224 #8251

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
24 changes: 14 additions & 10 deletions src/content/docs/fr/guides/integrations-guide/mdx.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
import ReadMore from '~/components/ReadMore.astro'
import Since from '~/components/Since.astro'

Cette **[intégration Astro][astro-integration]** permet d'utiliser les composants [MDX](https://mdxjs.com/) et de créer des pages sous forme de fichiers `.mdx`.

Expand Down Expand Up @@ -135,8 +136,8 @@ MDX ne permet pas de fournir les plugins remark et rehype sous la forme d'une ch

### `extendMarkdownConfig`

* **Type:** `boolean`
* **Default:** `true`
* **Type :** `boolean`
* **Défaut :** `true`

MDX étend par défaut [la configuration Markdown existante de votre projet](/fr/reference/configuration-reference/#markdown-options). Pour remplacer certaines options, vous pouvez spécifier leur équivalent dans votre configuration MDX.

Expand Down Expand Up @@ -196,7 +197,7 @@ Nous vous suggérons [d'utiliser AST Explorer](https://astexplorer.net/) pour jo

### `optimize`

* **Type:** `boolean | { customComponentNames?: string[] }`
* **Type :** `boolean | { ignoreElementNames?: string[] }`

Il s'agit d'un paramètre de configuration facultatif qui permet d'optimiser la sortie MDX pour une construction et un rendu plus rapides grâce à un plugin rehype interne. Cela peut être utile si vous avez beaucoup de fichiers MDX et que vous constatez des lenteurs dans la construction. Cependant, cette option peut générer du HTML non échappé, assurez-vous donc que les parties interactives de votre site fonctionnent toujours correctement après l'avoir activée.

Expand All @@ -216,13 +217,16 @@ export default defineConfig({
});
```

#### `customComponentNames`
#### `ignoreElementNames`

* **Type:** `string[]`
* **Type :** `string[]`

Une propriété optionnelle de `optimize` pour empêcher l'optimisateur MDX de gérer tout [composant personnalisé passé au contenu MDX importé via la propriété components](/fr/guides/markdown-content/#composants-personnalisés-avec-du-mdx-importé).
<p><Since pkg="@astrojs/mdx" v="3.0.0" /></p>
Précédemment connu sous le nom de `customComponentNames`.

Vous devrez exclure ces composants de l'optimisation, car l'optimisateur convertit trop rapidement le contenu en une chaîne statique, ce qui brisera les composants personnalisés qui ont besoin d'être rendus dynamiquement.
Une propriété optionnelle de `optimize` pour empêcher l'optimiseur MDX de gérer certains noms d'éléments, comme [les composants personnalisés passés au contenu MDX importé via la propriété components](/fr/guides/markdown-content/#custom-components-with-imported-mdx).

Vous devrez exclure ces composants de l'optimisation, car l'optimiseur convertit trop rapidement le contenu en une chaîne statique, ce qui brisera les composants personnalisés qui ont besoin d'être rendus dynamiquement.

Par exemple, la sortie MDX prévue pour ce qui suit est `<Heading>...</Heading>` à la place de chaque `"<h1>...</h1>"` :

Expand All @@ -235,7 +239,7 @@ import Heading from '../Heading.astro';
<Content components={{ ...components, h1: Heading }} />
```

Pour configurer l'optimisation à l'aide de la propriété `customComponentNames`, spécifiez un tableau de noms d'éléments HTML qui doivent être traités comme des composants personnalisés :
Pour configurer l'optimisation à l'aide de la propriété `ignoreElementNames`, spécifiez un tableau de noms d'éléments HTML qui doivent être traités comme des composants personnalisés :

```js title="astro.config.mjs"
import { defineConfig } from 'astro/config';
Expand All @@ -246,9 +250,9 @@ export default defineConfig({
integrations: [
mdx({
optimize: {
// Empêcher l'optimisateur de traiter les éléments `h1`.
// Empêcher l'optimiseur de traiter les éléments `h1`.
// Ceux-ci seront traités comme des composants personnalisés
customComponentNames: ['h1'],
ignoreElementNames: ['h1'],
},
}),
],
Expand Down
17 changes: 17 additions & 0 deletions src/content/docs/fr/guides/integrations-guide/preact.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ i18nReady: true
---

import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
import Since from '~/components/Since.astro';

Cette **[intégration Astro][astro-integration]** permet le rendu côté serveur et l'hydratation côté client pour vos composants [Preact](https://preactjs.com/).

Expand Down Expand Up @@ -150,6 +151,22 @@ Consultez les documents [`pnpm` overrides](https://pnpm.io/package_json#pnpmover
Actuellement, l'option `compat` ne fonctionne que pour les bibliothèques React qui exportent du code en tant qu'ESM. Si une erreur survient lors de la compilation, essayez d'ajouter la bibliothèque à `vite.ssr.noExternal : ['the-react-library']` dans votre fichier `astro.config.mjs`.
:::

### devtools

<p><Since pkg="@astrojs/preact" v="3.3.0" /></p>

Vous pouvez activer [Preact devtools](https://preactjs.github.io/preact-devtools/) durant le développement en passant un objet avec `devtools : true` à votre configuration d'intégration `preact()` :

```js title="astro.config.mjs"
import { defineConfig } from 'astro/config';
import preact from '@astrojs/preact';

export default defineConfig({
// ...
integrations: [preact({ devtools: true })],
});
```

## Options

### Combinaison de plusieurs frameworks JSX
Expand Down
39 changes: 38 additions & 1 deletion src/content/docs/fr/guides/integrations-guide/solid-js.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@ githubIntegrationURL: 'https://github.com/withastro/astro/tree/main/packages/int
category: renderer
i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import Since from '~/components/Since.astro';

Cette **[intégration Astro][astro-integration]** permet le rendu côté serveur et l'hydratation côté client pour vos composants [SolidJS](https://www.solidjs.com/).

Expand Down Expand Up @@ -98,6 +99,42 @@ Pour utiliser votre premier composant SolidJS dans Astro, consultez notre [docum
* 💧 les options d'hydratation côté client, et
* 🤝 les possibilités de mélanger et d'imbriquer les Frameworks.

## Configuration

### devtools

<p><Since pkg="@astrojs/solid-js" v="4.2.0" /></p>

Vous pouvez activer [Solid DevTools](https://github.com/thetarnav/solid-devtools) durant le développement en passant un objet avec `devtools : true` à votre configuration d'intégration `solid()` et en ajoutant `solid-devtools` aux dépendances de votre projet :

<PackageManagerTabs>
<Fragment slot="npm">
```sh
npm install solid-devtools
```
</Fragment>
<Fragment slot="pnpm">
```sh
pnpm add solid-devtools
```
</Fragment>
<Fragment slot="yarn">
```sh
yarn add solid-devtools
```
</Fragment>
</PackageManagerTabs>

```js title="astro.config.mjs"
import { defineConfig } from 'astro/config';
import solid from '@astrojs/solid';

export default defineConfig({
// ...
integrations: [solid({ devtools: true })],
});
```

## Options

### Combinaison de plusieurs frameworks JSX
Expand Down
21 changes: 21 additions & 0 deletions src/content/docs/fr/guides/integrations-guide/vercel.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -353,6 +353,27 @@ export default defineConfig({
});
```

### `skewProtection`

**Type :** `boolean`<br/>
**Disponible pour :** Serverless
<Since pkg="@astrojs/vercel" v="7.6.0" />

Utilisez cette propriété pour activer [Vercel Skew protection](https://vercel.com/docs/deployments/skew-protection) (disponible avec les comptes Vercel Pro et Enterprise).

```js title="astro.config.mjs" ins={8}
import { defineConfig } from 'astro/config';
import vercel from '@astrojs/vercel/serverless';

export default defineConfig({
// ...
output: "server",
adapter: vercel({
skewProtection: true
}),
});
```

### Configuration du regroupement des fonctions

L'adaptateur Vercel combine toutes vos routes en une seule fonction par défaut.
Expand Down
17 changes: 17 additions & 0 deletions src/content/docs/fr/guides/integrations-guide/vue.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ category: renderer
i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import Since from '~/components/Since.astro';

Cette **[intégration Astro][astro-integration]** permet le rendu côté serveur et l'hydratation côté client pour vos composants [Vue 3](https://vuejs.org/).

Expand Down Expand Up @@ -194,3 +195,19 @@ export default defineConfig({
],
});
```

### devtools

<p><Since pkg="@astrojs/vue" v="4.2.0" /></p>

Vous pouvez activer [Vue DevTools](https://devtools-next.vuejs.org/) durant le développement en passant un objet avec `devtools : true` à votre configuration d'intégration `vue()` :

```js title="astro.config.mjs"
import { defineConfig } from 'astro/config';
import vue from '@astrojs/vue';

export default defineConfig({
// ...
integrations: [vue({ devtools: true })],
});
```
13 changes: 13 additions & 0 deletions src/content/docs/fr/guides/testing.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,19 @@ export default getViteConfig({
});
```

Par défaut, `getViteConfig()` essaiera de charger un fichier de configuration Astro dans votre projet et de l'appliquer à l'environnement de test.
À partir d'Astro 4.8, si vous avez besoin de personnaliser la configuration Astro pour vos tests, passez un second argument à `getViteConfig()` :

```js
export default getViteConfig(
{ test: { /* Options de configuration de Vitest */ } },
{
site: 'https://example.com/',
trailingSlash: 'always',
},
);
```

Voir le [modèle de démarrage Astro + Vitest](https://github.com/withastro/astro/tree/latest/examples/with-vitest) sur GitHub.

## Cypress
Expand Down
3 changes: 3 additions & 0 deletions src/content/docs/fr/reference/error-reference.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ La référence suivante est une liste complète des erreurs que vous pouvez renc
- [**UnknownCompilerError**](/fr/reference/errors/unknown-compiler-error/)<br/>Erreur inconnue du compilateur.
- [**StaticRedirectNotAvailable**](/fr/reference/errors/static-redirect-not-available/)<br/>`Astro.redirect` n'est pas disponible en mode statique.
- [**ClientAddressNotAvailable**](/fr/reference/errors/client-address-not-available/)<br/>`Astro.clientAddress` n'est pas disponible dans l'adaptateur actuel.
- [**PrerenderClientAddressNotAvailable**](/fr/reference/errors/prerender-client-address-not-available/)<br/>`Astro.clientAddress` ne peut pas être utilisé dans les itinéraires pré-tracés.
- [**StaticClientAddressNotAvailable**](/fr/reference/errors/static-client-address-not-available/)<br/>`Astro.clientAddress` n'est pas disponible en mode statique.
- [**NoMatchingStaticPathFound**](/fr/reference/errors/no-matching-static-path-found/)<br/>Aucun chemin statique n'a été trouvé pour le chemin demandé.
- [**OnlyResponseCanBeReturned**](/fr/reference/errors/only-response-can-be-returned/)<br/>Type non valide renvoyé par la page Astro.
Expand Down Expand Up @@ -79,6 +80,8 @@ La référence suivante est une liste complète des erreurs que vous pouvez renc
- [**CantRenderPage**](/fr/reference/errors/cant-render-page/)<br/>Astro ne peut pas rendre la route.
- [**UnhandledRejection**](/fr/reference/errors/unhandled-rejection/)<br/>Rejet non géré
- [**i18nNotEnabled**](/fr/reference/errors/i18n-not-enabled/)<br/>i18n non activé
- [**RouteNotFound**](/fr/reference/errors/route-not-found/)<br/>Route non trouvée.

## Erreurs de CSS

- [**UnknownCSSError**](/fr/reference/errors/unknown-csserror/)<br/>Erreur CSS inconnue.
Expand Down
Loading