4.4 (#25)

* docs: 4.4

* docs: 4.5.1

* docs: 4.5.2

* docs: 4.5.3

* docs: 4.5.x

* docs: 4.6.1

* docs: 4.6.2

* docs: 4.6.3

* docs: 4.6.4

* docs: 4.7

* Apply suggestions from code review

Co-authored-by: Maxime Dupont <m.dupont103@gmail.com>

* Update content/tutorial/04-advanced-sveltekit/04-advanced-routing/05-breaking-out-of-layouts/README.md

Co-authored-by: Maxime Dupont <m.dupont103@gmail.com>

* Update content/tutorial/04-advanced-sveltekit/05-advanced-loading/01-universal-load-functions/README.md

* fix: replace ? by .

* fix: site links

---------

Co-authored-by: Maxime Dupont <m.dupont103@gmail.com>

Author: bleucitron

content/tutorial/04-advanced-sveltekit/04-advanced-routing/01-optional-params/README.md

@@ -1,28 +1,28 @@
 ---
-title: Optional parameters
+title: Paramètres optionels
 ---
 
-In the first chapter on [routing](/tutorial/pages), we learned how to create routes with [dynamic parameters](/tutorial/params).
+Dans le premier chapitre sur le [routing](/tutorial/pages), nous avons vu comment créer des route avec des [paramètres dynamiques](/tutorial/params).
 
-Sometimes it's helpful to make a parameter optional. A classic example is when you use the pathname to determine the locale — `/fr/...`, `/de/...` and so on — but you also want to have a default locale.
+Il est parfois utile de rendre un paramètre optionnel. Un exemple classique est lorsque vous utilisez un chemin pour déterminer la langue - `/fr/...`, `/de/...` et ainsi de suite — mais vous souhaitez également avoir une langue par défaut.
 
-To do that, we use double brackets. Rename the `[lang]` directory to `[[lang]]`.
+Pour faire cela, nous utilisons les crochets doubles. Renommez le dossier `[lang]` en `[[lang]]`.
 
-The app now fails to build, because `src/routes/+page.svelte` and `src/routes/[[lang]]/+page.svelte` would both match `/`. Delete `src/routes/+page.svelte`. (You may need to reload the app to recover from the error page).
+L'application ne parvient plus à compiler, car les routes `src/routes/+page.svelte` et `src/routes/[[lang]]/+page.svelte` satisfont toutes les deux `/`. Supprimez la route `src/routes/+page.svelte` (il est possible que vous ayez besoin de recharger l'application pour annuler la page d'erreur).
 
-Lastly, edit `src/routes/[[lang]]/+page.server.js` to specify the default locale:
+Enfin, modifiez `src/routes/[[lang]]/+page.server.js` pour préciser la langue par défaut :
 
 ```js
 /// file: src/routes/[[lang]]/+page.server.js
 const greetings = {
 	en: 'hello!',
 	de: 'hallo!',
-	fr: 'bonjour!'
+	fr: 'bonjour !'
 };
 
 export function load({ params }) {
 	return {
-		greeting: greetings[params.lang +++?? 'en'+++]
+		greeting: greetings[params.lang +++?? 'fr'+++]
 	};
 }
 ```

content/tutorial/04-advanced-sveltekit/04-advanced-routing/01-optional-params/app-a/src/routes/+layout.svelte

@@ -1,8 +1,8 @@
 <nav>
-	<a href="/">default</a>
-	<a href="/en">english</a>
-	<a href="/de">german</a>
-	<a href="/fr">french</a>
+	<a href="/">par défaut</a>
+	<a href="/en">anglais</a>
+	<a href="/de">allemand</a>
+	<a href="/fr">français</a>
 </nav>
 
 <slot />

content/tutorial/04-advanced-sveltekit/04-advanced-routing/01-optional-params/app-a/src/routes/+page.svelte

@@ -1 +1 @@
-<h1>hello!</h1>
+<h1>bonjour !</h1>

content/tutorial/04-advanced-sveltekit/04-advanced-routing/01-optional-params/app-a/src/routes/[lang]/+page.server.js

@@ -1,7 +1,7 @@
 const greetings = {
 	en: 'hello!',
 	de: 'hallo!',
-	fr: 'bonjour!'
+	fr: 'bonjour !'
 };
 
 export function load({ params }) {

content/tutorial/04-advanced-sveltekit/04-advanced-routing/01-optional-params/app-b/src/routes/[[lang]]/+page.server.js

@@ -1,11 +1,11 @@
 const greetings = {
 	en: 'hello!',
 	de: 'hallo!',
-	fr: 'bonjour!'
+	fr: 'bonjour !'
 };
 
 export function load({ params }) {
 	return {
-		greeting: greetings[params.lang ?? 'en']
+		greeting: greetings[params.lang ?? 'fr']
 	};
 }

content/tutorial/04-advanced-sveltekit/04-advanced-routing/02-rest-params/README.md

@@ -1,14 +1,14 @@
 ---
-title: Rest parameters
+title: Paramètres du reste
 path: /how
 focus: /src/routes/[path]/+page.svelte
 ---
 
-To match an unknown number of path segments, use a `[...rest]` parameter, so named for its resemblance to [rest parameters in JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters).
+Pour cibler un nombre indéfini de segments, utilisez un paramètre `[...rest]`, appelé ainsi pour sa ressemblance avec les [paramètres du reste en JavaScript](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Functions/rest_parameters)  (**rest parameters** en anglais).
 
-Rename `src/routes/[path]` to `src/routes/[...path]`. The route now matches any path.
+Renommez `src/routes/[path]` en `src/routes/[...path]`. La route cible maintenant n'importe quel chemin.
 
-> Other, more specific routes will be tested first, making rest parameters useful as 'catch-all' routes. For example, if you needed a custom 404 page for pages inside `/categories/...`, you could add these files:
+> D'autres routes, plus spécifiques, seront d'abord testées, rendant les paramètres du reste efficaces en tant que routes "attrape-tout". Par exemple, si vous aviez besoin d'une page 404 personnalisée dans `/categories/...`, vous pourriez ajouter ces fichiers :
 >
 > ```diff
 > src/routes/
@@ -21,6 +21,6 @@ Rename `src/routes/[path]` to `src/routes/[...path]`. The route now matches any
 > +│ │ └ +page.server.js
 > ```
 >
-> Inside the `+page.server.js` file, `throw error(404)` inside `load`.
+> dans le fichier `+page.server.js`, ajoutez `throw error(404)` dans la fonction `load`.
 
-Rest parameters do _not_ need to go at the end — a route like `/items/[...path]/edit` or `/items/[...path].json` is totally valid.
+Les paramètres du reste n'ont _pas_ besoin d'être définis en dernier — une route comme `/items/[...path]/edit` ou `/items/[...path].json` est totalement valide.

content/tutorial/04-advanced-sveltekit/04-advanced-routing/02-rest-params/app-a/src/routes/[path]/+page.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { page } from '$app/stores';
 
-	let words = ['how', 'deep', 'does', 'the', 'rabbit', 'hole', 'go'];
+	let words = ['on', 'descend', 'avec','le',  'lapin', 'blanc' ,'au', 'fond' ,'du', 'gouffre'];
 
 	$: depth = $page.params.path.split('/').filter(Boolean).length;
 	$: next = depth === words.length ? '/' : `/${words.slice(0, depth + 1).join('/')}`;
@@ -12,7 +12,7 @@
 		<p>{word}</p>
 	{/each}
 
-	<p><a href={next}>{words[depth] ?? '?'}</a></p>
+	<p><a href={next}>{words[depth] ?? '.'}</a></p>
 </div>
 
 <style>

content/tutorial/04-advanced-sveltekit/04-advanced-routing/02-rest-params/app-b/src/routes/[...path]/+page.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { page } from '$app/stores';
 
-	let words = ['how', 'deep', 'does', 'the', 'rabbit', 'hole', 'go'];
+	let words = ['on', 'descend', 'avec','le',  'lapin', 'blanc' ,'au', 'fond' ,'du', 'gouffre'];
 
 	$: depth = $page.params.path.split('/').filter(Boolean).length;
 	$: next = depth === words.length ? '/' : `/${words.slice(0, depth + 1).join('/')}`;
@@ -12,7 +12,7 @@
 		<p>{word}</p>
 	{/each}
 
-	<p><a href={next}>{words[depth] ?? '?'}</a></p>
+	<p><a href={next}>{words[depth] ?? '.'}</a></p>
 </div>
 
 <style>

content/tutorial/04-advanced-sveltekit/04-advanced-routing/03-param-matchers/README.md

@@ -1,11 +1,11 @@
 ---
-title: Param matchers
+title: Validateurs de paramètres
 path: /colors/ff3e00
 ---
 
-To prevent the router from matching on invalid input, you can specify a _matcher_. For example, you might want a route like `/colors/[value]` to match hex values like `/colors/ff3e00` but not named colors like `/colors/octarine` or any other arbitrary input.
+Pour éviter que le router reconnaisse des routes avec un paramètre invalide, vous pouvez préciser un _validateur_. Par exemple, vous pourriez vouloir une route comme `/colors/[value]` pour cibler les valeurs hexadécimales comme `/colors/ff3e00` mais pas les couleurs nommées comme `/colors/octarine`, ou tout autre valeur arbitraire.
 
-First, create a new file called `src/params/hex.js` and export a `match` function from it:
+Commencez par créer un nouveau fichier appelé `src/params/hex.js` et exportez-y une fonction `match` :
 
 ```js
 /// file: src/params/hex.js
@@ -14,8 +14,8 @@ export function match(value) {
 }
 ```
 
-Then, to use the new matcher, rename `src/routes/colors/[color]` to `src/routes/colors/[color=hex]`.
+Ensuite, pour utiliser le nouveau validateur, renommez `src/routes/colors/[color]` en `src/routes/colors/[color=hex]`.
 
-Now, whenever someone navigates to that route, SvelteKit will verify that `color` is a valid `hex` value. If not, SvelteKit will try to match other routes, before eventually returning a 404.
+À partir de maintenant, lorsque quelqu'un navigue vers cette route, SvelteKit va vérifier que `color` est une valeur `hex` valide. Si ce n'est pas le cas, SvelteKit va essayer de cibler d'autres routes, avant éventuellement de renvoyer une erreur 404.
 
-> Matchers run both on the server and in the browser.
+> Les validateurs sont exécutés à la fois sur le serveur et sur le navigateur.

content/tutorial/04-advanced-sveltekit/04-advanced-routing/03-param-matchers/app-a/src/routes/+page.svelte

@@ -1 +1 @@
-<h1>color picker</h1>
+<h1>palette de couleur</h1>