From 202d9f7514f2f21a6cf6eee6ff65ee596260a678 Mon Sep 17 00:00:00 2001
From: kid-synthetique <mariemichelle.ouellet@gmail.com>
Date: Mon, 2 Dec 2024 22:53:14 -0500
Subject: [PATCH] props: valeur inchangeable dynamiquement

---
 582-518MO/javascript/vue-js/composantes/_index.php | 6 +++++-
 582-518MO/javascript/vue-js/composantes/index.html | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/582-518MO/javascript/vue-js/composantes/_index.php b/582-518MO/javascript/vue-js/composantes/_index.php
index 2e0a22207..ad8a0bce5 100644
--- a/582-518MO/javascript/vue-js/composantes/_index.php
+++ b/582-518MO/javascript/vue-js/composantes/_index.php
@@ -80,6 +80,8 @@
 
 <dots></dots>
 <grostitre>Props</grostitre>
+
+
 <p>Les props sont des données passées à une composante. Pour en définir, il faut spécifier le nom des props attendus dans un tableau.</p>
 
 <p>Par exemple, si seulement la props <incode>msg</incode> est attendu: </p>
@@ -100,7 +102,9 @@
 
 <p>Lorsqu'une <incode>props</incode> est passée à une composante, elle devient l'équivalent d'une donnée dans <incode>data</incode>.</p>
 
-<alert>Pour nommer vos props, si vous utilisez du camelCase (mélange de minuscules et majuscules), vous devrez utiliser le kebab-case du côté HTML dans les noms d'attributs de votre composante. Mais au stade où on en est, pour le moment, je vous conseille simplement de n'utiliser que des minuscules dans les noms de vos props. Ça va vous simplifier la vie.</alert>
+<alert>Les props sont des données passées aux composantes mais ne peuvent pas changer de valeur.</alert>
+
+<warning>Pour nommer vos props, si vous utilisez du camelCase (mélange de minuscules et majuscules), vous devrez utiliser le kebab-case du côté HTML dans les noms d'attributs de votre composante. Mais au stade où on en est, pour le moment, je vous conseille simplement de n'utiliser que des minuscules dans les noms de vos props. Ça va vous simplifier la vie.</warning>
 
 <doclink href="https://vuejs.org/guide/components/props.html#prop-types">Props</doclink>
 
diff --git a/582-518MO/javascript/vue-js/composantes/index.html b/582-518MO/javascript/vue-js/composantes/index.html
index 2eae94b64..25202615f 100644
--- a/582-518MO/javascript/vue-js/composantes/index.html
+++ b/582-518MO/javascript/vue-js/composantes/index.html
@@ -128,6 +128,8 @@ <h1 id="title"><img src="../images/icon.webp">&nbsp;Composantes</h1>
 
 <dots></dots>
 <grostitre>Props</grostitre>
+
+
 <p>Les props sont des données passées à une composante. Pour en définir, il faut spécifier le nom des props attendus dans un tableau.</p>
 
 <p>Par exemple, si seulement la props <span class="inline-code">msg</span> est attendu: </p>
@@ -148,7 +150,9 @@ <h1 id="title"><img src="../images/icon.webp">&nbsp;Composantes</h1>
 
 <p>Lorsqu'une <span class="inline-code">props</span> est passée à une composante, elle devient l'équivalent d'une donnée dans <span class="inline-code">data</span>.</p>
 
-<alert>Pour nommer vos props, si vous utilisez du camelCase (mélange de minuscules et majuscules), vous devrez utiliser le kebab-case du côté HTML dans les noms d'attributs de votre composante. Mais au stade où on en est, pour le moment, je vous conseille simplement de n'utiliser que des minuscules dans les noms de vos props. Ça va vous simplifier la vie.</alert>
+<alert>Les props sont des données passées aux composantes mais ne peuvent pas changer de valeur.</alert>
+
+<warning>Pour nommer vos props, si vous utilisez du camelCase (mélange de minuscules et majuscules), vous devrez utiliser le kebab-case du côté HTML dans les noms d'attributs de votre composante. Mais au stade où on en est, pour le moment, je vous conseille simplement de n'utiliser que des minuscules dans les noms de vos props. Ça va vous simplifier la vie.</warning>
 
 <doclink href="https://vuejs.org/guide/components/props.html#prop-types">Props</doclink>