Skip to content

Commit f084976

Browse files
i18n(fr): update guides/upgrade-to/v5.mdx and guides/client-side-scripts.mdx (#10687)
* supprimer mention obsolète * docs: modifier le guide de maj v5 pour mentioner un changement du fonctionement des scripts * apply sarah's structure reordering from english pr * add missed sentence in previous commit * fix typo * apply Armand's suggestion from English pr * revert to give credit where it's due 😄 * apply suggestions from Armand Co-authored-by: Armand Philippot <[email protected]> * apply review suggestion Co-authored-by: Armand Philippot <[email protected]> --------- Co-authored-by: Armand Philippot <[email protected]>
1 parent 7d024fc commit f084976

File tree

2 files changed

+20
-4
lines changed

2 files changed

+20
-4
lines changed

src/content/docs/fr/guides/client-side-scripts.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ Pour empêcher Astro de traiter un script, ajoutez la directive `is:inline`.
8585
```
8686

8787
:::note
88-
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.
88+
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`.
8989
:::
9090

9191
<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>

src/content/docs/fr/guides/upgrade-to/v5.mdx

Lines changed: 19 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -532,15 +532,31 @@ En cas de collisions de routes, lorsque deux routes de même priorité tentent d
532532

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

535-
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.
535+
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.
536+
537+
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 traitement par Astro.
536538

537-
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.
538539

539540
#### Que dois-je faire ?
540541

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

543-
<ReadMore>En savoir plus sur [l'utilisation des balises `script' dans Astro](/fr/guides/client-side-scripts/#utilisation-du-script-dans-astro).</ReadMore>
544+
Si vous aviez auparavant des balises `<script>` rendues conditionnellement, vous devrez ajouter un attribut `is:inline` pour conserver le même fonctionnement qu'auparavant.
545+
546+
```astro title="src/components/MyComponent.astro" ins="is:inline"
547+
---
548+
type Props = {
549+
afficherAlerte: boolean
550+
}
551+
552+
const { afficherAlerte } = Astro.props;
553+
---
554+
{
555+
afficherAlerte && <script is:inline>alert("Notification très importante !")</script>
556+
}
557+
```
558+
559+
<ReadMore>En savoir plus sur [l'utilisation des balises `script` dans Astro](/fr/guides/client-side-scripts/#utilisation-du-script-dans-astro).</ReadMore>
544560

545561
## Changements de rupture
546562

0 commit comments

Comments
 (0)