You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: documentation/docs/05-misc/01-faq.md
+10-8Lines changed: 10 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -10,7 +10,7 @@ Cinq à dix minutes devraient suffire pour démarrer. Une heure et demie devrait
10
10
11
11
## Où puis-je obtenir de l'aide ?
12
12
13
-
Si votre question est en rapport avec une certaine syntaxe, la [page d'API](https://svelte.dev/docs) est un bon point de départ.
13
+
Si votre question est en rapport avec une certaine syntaxe, la [page d'API](https://svelte-french.vercel.app/docs/introduction) est un bon point de départ.
14
14
15
15
Stack Overflow est un forum populaire pour poser des questions liées à du code ou si vous bloquez sur une erreur spécifique. Lisez les questions existantes étiquetées avec [Svelte](https://stackoverflow.com/questions/tagged/svelte+or+svelte-3) ou [posez la votre](https://stackoverflow.com/questions/ask?tags=svelte) !
16
16
@@ -26,11 +26,11 @@ Il existe une [extension VS Code officielle pour Svelte](https://marketplace.vis
26
26
27
27
## Existe-t-il un outil pour formater automatiquement mes fichiers .svelte ?
28
28
29
-
Vous pouvez utiliser prettier avec le <spanclass="vo">[plugin](/docs/development#plugin)</span> [plugin-prettier-svelte](https://www.npmjs.com/package/prettier-plugin-svelte).
29
+
Vous pouvez utiliser Prettier avec le <spanclass="vo">[plugin](/docs/development#plugin)</span> [plugin-prettier-svelte](https://www.npmjs.com/package/prettier-plugin-svelte).
30
30
31
31
## Comment documenter mes composants ?
32
32
33
-
Dans les éditeurs qui utilisent le Langage Serveur Svelte (*Svelte Language Server*) vous pouvez documenter les composants, fonctions et exports à l'aide de commentaires spécialement formatés.
33
+
Dans les éditeurs qui utilisent le <spanclass="vo">[Svelte Language Server](/docs/sveltejs#svelte-language-server)</span> vous pouvez documenter les composants, fonctions et exports à l'aide de commentaires spécialement formatés.
34
34
35
35
```svelte
36
36
<script>
@@ -43,7 +43,7 @@ Dans les éditeurs qui utilisent le Langage Serveur Svelte (*Svelte Language Ser
43
43
Voici une documentation pour ce composant.
44
44
Elle apparaîtra au survol
45
45
46
-
- Vous pouvez utiliser markdown ici.
46
+
- Vous pouvez utiliser la syntaxe Markdown ici.
47
47
- Vous pouvez également utiliser des blocs de code ici.
48
48
- Utilisation:
49
49
```tsx
@@ -66,13 +66,15 @@ Vous devez installer un pré-processeur tel que [svelte-preprocess](https://gith
66
66
Pour déclarer le type d'une variable réactive dans un template Svelte, vous devez utiliser la syntaxe suivante :
67
67
68
68
```ts
69
+
// @noErrors
69
70
let x: number;
70
71
$: x = compteur + 1;
71
72
```
72
73
73
74
Pour importer un type ou une interface, assurez-vous d'utiliser [le modificateur `type` de TypeScript](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#type-only-imports-and-export):
74
75
75
76
```ts
77
+
// @noErrors
76
78
import type { UneInterface } from "./UnFichier";
77
79
```
78
80
@@ -109,13 +111,13 @@ Quelques ressources pour démarrer avec les tests unitaires :
109
111
110
112
## Un routeur est-il intégré ?
111
113
112
-
La bibliothèque officielle de <span class="vo">[routing](/docs/web#route)</span> est [SvelteKit](https://kit.svelte.dev/). Sveltekit fournit un routeur basé sur le système de fichier, un rendu coté serveur (SSR) et un rechargement automatique de module (HMR) en une seule librairie facile à utiliser. Il est similaire à Next.js pour React.
114
+
La bibliothèque officielle de <span class="vo">[routing](/docs/web#routing)</span> est [SvelteKit](https://kit.svelte.dev/). Sveltekit fournit un routeur basé sur le système de fichier, un <span class="vo">[rendu coté serveur (SSR)](/docs/web#server-side-rendering)</span> et un <span class="vo">[rechargement automatique de module (HMR)](/docs/web#hot-module-reloading)</span> en une seule librairie facile à utiliser. Il est similaire à Next.js pour React.
113
115
114
-
Toutefois, vous pouvez utiliser n'importe quelle bibliothèque de routage de votre choix. Beaucoup de gens utilisent [page.js](https://github.com/visionmedia/page.js). Il y a aussi [navaid](https://github.com/lukeed/navaid), qui est très similaire. Et [universal-router](https://github.com/kriasoft/universal-router), qui est isomorphe avec les routes enfants, mais sans prise en charge intégrée de l'historique.
116
+
Toutefois, vous pouvez utiliser n'importe quelle bibliothèque de <span class='vo'>[routing](/docs/web#routing)</span> de votre choix. Beaucoup de gens utilisent [page.js](https://github.com/visionmedia/page.js). Il y a aussi [navaid](https://github.com/lukeed/navaid), qui est très similaire. Et [universal-router](https://github.com/kriasoft/universal-router), qui est isomorphe avec les routes enfants, mais sans prise en charge intégrée de l'historique.
115
117
116
118
Si vous préférez une approche HTML déclarative, il existe la bibliothèque isomorphe [svelte-routing](https://github.com/EmilTholin/svelte-routing) et un fork appelé [svelte-navigator](https://github. com/mefechoel/svelte-navigator) contenant des fonctionnalités supplémentaires.
117
119
118
-
Si vous avez besoin d'un routage basé sur le hachage côté client, consultez [svelte-spa-router](https://github.com/ItalyPaleAle/svelte-spa-router) ou [abstract-state-router](https://github.com/TehShrike/abstract-state-router/).
120
+
Si vous avez besoin d'un <span class='vo'>[routing](/docs/web#routing)</span> basé sur le <span class="vo">[hashing](/docs/development#hash)</span> côté client, consultez [svelte-spa-router](https://github.com/ItalyPaleAle/svelte-spa-router) ou [abstract-state-router](https://github.com/TehShrike/abstract-state-router/).
119
121
120
122
[Routify](https://routify.dev) est un autre routeur basé sur l'arborescence de fichiers, similaire au routeur de SvelteKit. La version 3 supporte le rendu côté serveur natif de Svelte.
121
123
@@ -129,4 +131,4 @@ La documentation est toujours disponible [ici](https://v2.svelte.dev/guide).
129
131
130
132
## Comment puis-je recharger un module automatiquement ?
131
133
132
-
Nous vous recommandons d'utiliser [SvelteKit](https://kit.svelte.dev/), qui prend en charge le rechargement automatique (HMR) prêt à l'emploi et est construit avec [Vite](https://vitejs.dev/) et [svelte-hmr](https://github.com/sveltejs/svelte-hmr). Il existe également des <span class="vo">[plugins](/docs/development#plugin)</span> communautaires pour [rollup](https://github.com/rixo/rollup-plugin-svelte-hot) et [webpack](https://github.com/sveltejs/svelte-loader).
134
+
Nous vous recommandons d'utiliser [SvelteKit](https://kit.svelte.dev/), qui prend en charge le <span class="vo">[HMR](/docs/web#hot-module-reloading)</span> prêt à l'emploi et est construit avec [Vite](https://vitejs.dev/) et [svelte-hmr](https://github.com/sveltejs/svelte-hmr). Il existe également des <span class="vo">[plugins](/docs/development#plugin)</span> communautaires pour [rollup](https://github.com/rixo/rollup-plugin-svelte-hot) et [webpack](https://github.com/sveltejs/svelte-loader).
Copy file name to clipboardExpand all lines: documentation/docs/05-misc/02-accessibility-warnings.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -154,7 +154,7 @@ Il existe deux méthodes prises en charge pour associer une étiquette à un con
154
154
155
155
Fournir des sous-titres pour les médias est essentiel afin que les utilisateurs sourds puissent suivre. Les sous-titres devraient être une transcription ou une traduction du dialogue, des effets sonores, des indications musicales pertinentes et d'autres informations audio pertinentes. Ce n'est pas seulement important pour l'accessibilité, mais peut également être utile pour tous les utilisateurs dans le cas où les médias ne sont pas disponibles (similaire au texte `alt` sur une image lorsqu'une image ne peut pas être chargée).
156
156
157
-
Les sous-titres doivent contenir toutes les informations importantes et pertinentes pour comprendre les médias correspondants. Cela peut signifier que les sous-titres ne sont pas une correspondance 1:1 du dialogue dans le contenu média. Cependant, les sous-titres ne sont pas nécessaires pour les composants vidéo avec l'attribut `muet`.
157
+
Les sous-titres doivent contenir toutes les informations importantes et pertinentes pour comprendre les médias correspondants. Cela peut signifier que les sous-titres ne sont pas une correspondance 1:1 du dialogue dans le contenu média. Cependant, les sous-titres ne sont pas nécessaires pour les composants vidéo avec l'attribut `muted`.
158
158
159
159
```svelte
160
160
<video><track kind="captions" /></video>
@@ -255,7 +255,7 @@ Les rôles [WAI-ARIA](https://www.w3.org/TR/wai-aria-1.1/#usage_intro) ne devrai
Un élément non interactif ne supporte pas les gestionnaires d'événements (souris et clavier). Les éléments non interactifs incluent : `<main>`, `<area>`, `<h1>` (,`<h2>`, etc), `<p>`, `<img>`, `<li>`, `<ul>` and `<ol>`. Les [rôles WAI-ARIA](https://www.w3.org/TR/wai-aria-1.1/#usage_intro) interactifs incluent `button`, `link`, `checkbox`, `menuitem`, `menuitemcheckbox`, `menuitemradio`, `option`, `radio`, `searchbox`, `switch` et `textbox`.
261
261
@@ -274,7 +274,7 @@ La navigation à l'aide de la touche Tab doit être limitée aux éléments de l
274
274
<div tabindex="0" />
275
275
```
276
276
277
-
## a11y-no-static-element-interactions
277
+
## `a11y-no-static-element-interactions`
278
278
279
279
Les éléments comme un `<div>` avec des gestionnaires d'événements comme `click` doivent avoir un rôle <spanclass="vo">[ARIA](/docs/web#aria)</span>.
280
280
@@ -343,4 +343,4 @@ Les éléments avec des rôles <span class="vo">[ARIA](/docs/web#aria)</span> do
343
343
```svelte
344
344
<!-- A11y: Unknown role 'toooltip' (did you mean 'tooltip'?) -->
Copy file name to clipboardExpand all lines: documentation/docs/05-misc/03-typescript.md
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -117,7 +117,7 @@ Les événements peuvent être typés avec `createEventDispatcher` :
117
117
118
118
## Surcharge des types de DOM natifs
119
119
120
-
Svelte fournit des types aussi proche que possible pour chaque élément HTML du <spanclass="vo">[DOM](/docs/web#dom)</span> qui existe. Parfois, vous voudrez utiliser des attributs expérimentaux ou des événements personnalisés. Dans ces cas, TypeScript lèvera une erreur de type, en indiquant qu'il ne connaît pas ces types. S'il s'agit d'un attribut ou événement standard et non expérimental, il se peut tout à fait que ce soit un type manquant dans [le typage HTML de Svelte](https://github.com/sveltejs/svelte/blob/master/elements/index.d.ts). Dans ce cas, vous êtes le bienvenue pour ouvrir une <spanclass="vo">[issue](/docs/development#issue)</span> ou une <spanclass="vo">[PR](/docs/development#pr)</span> pour le corriger.
120
+
Svelte fournit des types aussi proche que possible pour chaque élément HTML du <spanclass="vo">[DOM](/docs/web#dom)</span> qui existe. Parfois, vous voudrez utiliser des attributs expérimentaux ou des événements personnalisés. Dans ces cas, TypeScript lèvera une erreur de type, en indiquant qu'il ne connaît pas ces types. S'il s'agit d'un attribut ou événement standard et non expérimental, il se peut tout à fait que ce soit un type manquant dans [le typage HTML de Svelte](https://github.com/sveltejs/svelte/blob/master/elements/index.d.ts). Dans ce cas, vous êtes invité•e à ouvrir une <spanclass="vo">[issue](/docs/development#issue)</span> ou une <spanclass="vo">[PR](/docs/development#pr)</span> pour le corriger.
121
121
122
122
S'il s'agit d'un attribut ou d'un événement expérimental ou personnalisé, vous pouvez étendre le typage comme suit :
123
123
@@ -176,7 +176,7 @@ Vous ne pouvez pas typer les déclarations réactives avec TypeScript de la mani
176
176
</script>
177
177
```
178
178
179
-
Vous ne pouvez pas utiliser `: TYPE` car cela résulte en une syntaxe invalide. A la place, vous pouvez déplacer le typage sur une instruction `let` juste au dessus :
179
+
Vous ne pouvez pas utiliser `: TYPE` car cela résulte en une syntaxe invalide. À la place, vous pouvez déplacer le typage sur une instruction `let` juste au dessus :
180
180
181
181
```svelte
182
182
<script lang="ts">
@@ -189,4 +189,4 @@ Vous ne pouvez pas utiliser `: TYPE` car cela résulte en une syntaxe invalide.
0 commit comments