From 2b3d3799d01937314bae0b72f675dc3a8b6afa54 Mon Sep 17 00:00:00 2001 From: Thomas Bonnet Date: Thu, 19 Sep 2024 14:29:04 +0200 Subject: i18n(fr): Add `components/file-tree.mdx` in French language (#2369) Co-authored-by: HiDeoo <494699+HiDeoo@users.noreply.github.com> --- docs/src/content/docs/fr/components/file-tree.mdx | 225 ++++++++++++++++++++++ 1 file changed, 225 insertions(+) create mode 100644 docs/src/content/docs/fr/components/file-tree.mdx diff --git a/docs/src/content/docs/fr/components/file-tree.mdx b/docs/src/content/docs/fr/components/file-tree.mdx new file mode 100644 index 00000000..bf4a62d4 --- /dev/null +++ b/docs/src/content/docs/fr/components/file-tree.mdx @@ -0,0 +1,225 @@ +--- +title: Arborescence de fichiers +description: Apprenez à afficher la structure d'un répertoire avec des icônes de fichiers et des sous-répertoires repliables dans Starlight. +--- + +import { FileTree } from '@astrojs/starlight/components'; + +Pour afficher la structure d'un répertoire avec des icônes de fichiers et des sous-répertoires repliables, utilisez le composant ``. + +import Preview from '~/components/component-preview.astro'; + + + + + +- astro.config.mjs un fichier **important** +- package.json +- README.md +- src + - components + - **Header.astro** + - … +- pages/ + + + + + +## Import + +```tsx +import { FileTree } from '@astrojs/starlight/components'; +``` + +## Utilisation + +Affichez une arborescence de fichiers avec des icônes de fichiers et des sous-répertoires repliables en utilisant le composant ``. + +Spécifiez la structure de vos fichiers et répertoires avec une [liste Markdown non ordonnée](https://www.markdownguide.org/basic-syntax/#unordered-lists) à l'intérieur de ``. +Créez un sous-répertoire à l'aide d'une liste imbriquée ou ajoutez un `/` à la fin d'un élément de liste pour l'afficher comme un répertoire sans contenu spécifique. + + + +```mdx +import { FileTree } from '@astrojs/starlight/components'; + + + +- astro.config.mjs +- package.json +- src + - components + - Header.astro + - Title.astro + - pages/ + + +``` + + + +```markdoc +{% filetree %} +- astro.config.mjs +- package.json +- src + - components + - Header.astro + - Title.astro + - pages/ +{% /filetree %} +``` + + + + + +- astro.config.mjs +- package.json +- src + - components + - Header.astro + - Title.astro + - pages/ + + + + + +### Mettre en évidence les entrées + +Faites ressortir un fichier ou un répertoire en mettant son nom en gras, par exemple `**README.md**`. + + + +```mdx {7} +import { FileTree } from '@astrojs/starlight/components'; + + + +- src + - components + - **Header.astro** + - Title.astro + + +``` + + + +```markdoc {4} +{% filetree %} +- src + - components + - **Header.astro** + - Title.astro +{% /filetree %} +``` + + + + + +- src + - components + - **Header.astro** + - Title.astro + + + + + +### Ajouter des commentaires + +Ajoutez un commentaire à un fichier ou à un répertoire en ajoutant du texte après le nom. +Le formatage Markdown en ligne, tel que le gras et l'italique, est pris en charge dans les commentaires. + + + +```mdx {7} +import { FileTree } from '@astrojs/starlight/components'; + + + +- src + - components + - Header.astro un fichier **important** + - Title.astro + + +``` + + + +```markdoc {4} +{% filetree %} +- src + - components + - Header.astro un fichier **important** + - Title.astro +{% /filetree %} +``` + + + + + +- src + - components + - Header.astro un fichier **important** + - Title.astro + + + + + +### Ajouter des entrées fictives + +Ajoutez des fichiers et des répertoires fictifs en utilisant soit `...` soit `…` comme nom. +Cela peut être utile pour indiquer à un lecteur qu'un dossier est censé contenir plus d'éléments sans les spécifier tous explicitement. + + + +```mdx {8} +import { FileTree } from '@astrojs/starlight/components'; + + + +- src + - components + - Header.astro + - … + + +``` + + + +```markdoc {5} +{% filetree %} +- src + - components + - Header.astro + - … +{% /filetree %} +``` + + + + + +- src + - components + - Header.astro + - … + + + + + +## Props de `` + +**Implémentation :** [`FileTree.astro`](https://github.com/withastro/starlight/blob/main/packages/starlight/user-components/FileTree.astro) + +Le composant `` n'accepte aucune props. \ No newline at end of file -- cgit