Ein Verzeichnislisting als Baum, mit dem Icon jedes Dateityps, gelesen aus
seiner Endung.

## Verwendung

::preview
:::file-tree{title="your-project/"}
---
tree:
  - name: docs/
    children:
      - name: index.md
      - name: 1.getting-started/
        children:
          - name: index.md
          - name: 1.installation.md
  - name: app/
    children:
      - name: app.config.ts
  - name: nuxt.config.ts
---
:::

#code
```mdc
::file-tree{title="your-project/"}
---
tree:
  - name: docs/
    children:
      - name: index.md
  - name: nuxt.config.ts
---
::
```
::

## API

### Props

| Prop    | Typ       | Standard | Anmerkungen                               |
| :------ | :-------- | :------- | :---------------------------------------- |
| `tree`  | `Entry[]` | —        | Als YAML im Text des Blocks angegeben     |
| `title` | `string`  | —        | Die Beschriftung der Wurzel über dem Baum |

Ein Eintrag ist `{ name, children? }`. Ein Name, der auf `/` endet, oder einer,
der Kinder trägt, ist ein Verzeichnis.

## Anmerkungen

Auf reka-uis Baum gebaut, es gibt also wandernden Fokus, Navigation mit den
Pfeiltasten und die ARIA-Rollen. Knoten werden über ihren Pfad statt über ihren
Namen identifiziert: Namen wiederholen sich über Zweige hinweg, Pfade nicht.