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 guides/upgrade-to/v5.mdx and guides/client-side-scripts.mdx #10687

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
2 changes: 1 addition & 1 deletion src/content/docs/fr/guides/client-side-scripts.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ Pour empêcher Astro de traiter un script, ajoutez la directive `is:inline`.
```

:::note
Astro ne traitera pas vos balises de script dans certaines situations. En particulier, l'ajout de `type="module"` ou de tout autre attribut que `src` à une balise `<script>` fera qu'Astro traitera la balise comme si elle avait une directive `is:inline`. Il en va de même lorsque le script est écrit dans une expression JSX.
Astro ne traitera pas vos balises de script dans certaines situations. En particulier, l'ajout de `type="module"` ou de tout autre attribut que `src` à une balise `<script>` fera qu'Astro traitera la balise comme si elle avait une directive `is:inline`.
:::

<ReadMore>Voir notre page [directives reference](/fr/reference/directives-reference/#directives-de-script-et-de-style) pour plus d'informations sur les directives disponibles sur les balises `<script>`.</ReadMore>
Expand Down
20 changes: 18 additions & 2 deletions src/content/docs/fr/guides/upgrade-to/v5.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -531,14 +531,30 @@ En cas de collisions de routes, lorsque deux routes de même priorité tentent d

<SourcePR number="11791" title="Faire de directRenderScript la valeur par défaut"/>

Dans Astro v4.x, `experimental.directRenderScript` était un drapeau optionnel pour rendre directement les `<scripts>` tels que déclarés dans les fichiers `.astro` (y compris les fonctionnalités existantes comme TypeScript, l'importation de `node_modules`, et la déduplication des scripts). Cette stratégie empêchait les scripts d'être exécutés à des endroits où ils n'étaient pas utilisés.
Dans Astro v4.x, `experimental.directRenderScript` était un drapeau optionnel pour rendre directement les `<scripts>` tels que déclarés dans les fichiers `.astro` (y compris les fonctionnalités existantes comme TypeScript, l'importation de `node_modules`, et la déduplication des scripts). Cette stratégie empêchait les scripts d'être exécutés à des endroits où ils n'étaient pas utilisés. De plus, les scripts rendus conditionnellement étaient auparavant implicitement intégrés sur place sans traitement par Astro, comme si une directive `is:inline` leur était automatiquement ajoutée.

Astro 5.0 supprime ce drapeau expérimental et en fait le nouveau comportement par défaut d'Astro : les scripts ne sont plus placés dans le `<head>`, les scripts multiples sur une page ne sont plus regroupés, et une balise `<script>` peut interférer avec le stylisme CSS. De plus, les scripts rendus conditionnellement ne sont plus implicitement intégrés sans traitment par Astro.
MoustaphaDev marked this conversation as resolved.
Show resolved Hide resolved

Astro 5.0 supprime ce drapeau expérimental et en fait le nouveau comportement par défaut d'Astro : les scripts ne sont plus placés dans le `<head>`, les scripts multiples sur une page ne sont plus regroupés, et une balise `<script>` peut interférer avec le stylisme CSS.

#### Que dois-je faire ?

Veuillez revoir vos balises `<script>` et vous assurer qu'elles se comportent comme vous le souhaitez.

Si vous aviez auparavant des balises `<script>` rendues conditionnellement, vous devrez ajouter un attribut `is:inline` pour conserver le même fonctionnement qu'auparavant.

```astro title="src/components/MyComponent.astro" ins="is:inline"
---
type Props
MoustaphaDev marked this conversation as resolved.
Show resolved Hide resolved
MoustaphaDev marked this conversation as resolved.
Show resolved Hide resolved
afficherAlerte: boolean
}

const { afficherAlerte } = Astro.props;
---
{
afficherAlerte && <script is:inline>alert("Notification très importante!")</script>
MoustaphaDev marked this conversation as resolved.
Show resolved Hide resolved
}
```

<ReadMore>En savoir plus sur [l'utilisation des balises `script' dans Astro](/fr/guides/client-side-scripts/#utilisation-du-script-dans-astro).</ReadMore>
MoustaphaDev marked this conversation as resolved.
Show resolved Hide resolved

## Changements de rupture
Expand Down
Loading