Arborescence

Utilisation

::file-tree
---
tree:
  - app:
    - components:
      - Header.vue
      - Footer.vue
    - composables:
      - useErrorHandler.ts
    - ^app.vue^ # Ceci est mis en évidence
  - docs:
    - index.md
---
::

Personnalisations

Titre de l'Arbre de Fichiers
::file-tree
---
title: Titre de l'Arbre de Fichiers
icon: lucide:folder-tree
autoSlash: false   # Si un slash doit être ajouté automatiquement après chaque dossier
showArrow: true    # Si la flèche de réduction doit être affichée
tree:
  - components:
    - layout:
      - Header.vue
      - Footer.vue
      - ...
    - content:
      - Accordion.vue
      - Alert.vue
      - ProseCode.vue
      - ...
---
::

Désactiver les Icônes

::file-tree
---
showIcon: false
tree:
  - app:
    - components:
      - Header.vue
      - Footer.vue
    - composables:
      - useErrorHandler.ts
    - ^app.vue^
  - docs:
    - index.md
---
::

Différences

::file-tree
---
showIcon: false
tree:
  - app:
    - + components:
      - Header.vue
      - "- Footer.vue"
    - composables:
      - useErrorHandler.ts
    - ^app.vue^
  - docs:
    - index.md
---
::

Props

tree
L'arbre de fichiers
titlestring
Titre de l'arbre de fichiers
iconstring
Icône du titre de l'arbre de fichiers
autoSlashboolean
true
Si un slash doit être ajouté automatiquement après chaque dossier
showArrowboolean
false
Si la flèche de réduction doit être affichée
showIconboolean
true
Si les icônes de fichiers et dossiers doivent être affichées