使用

::file-tree
---
tree:
  - app:
    - components:
      - Header.vue
      - Footer.vue
    - composables:
      - useErrorHandler.ts
    - ^app.vue^ # This is highlighted
  - docs:
    - index.md
---
::

自定义

File Tree Title
::file-tree
---
title: File Tree Title
icon: lucide:folder-tree
autoSlash: false   # 是否自动在每个文件夹后添加斜杠
showArrow: true    # 是否显示折叠箭头
tree:
  - components:
    - layout:
      - Header.vue
      - Footer.vue
      - ...
    - content:
      - Accordion.vue
      - Alert.vue
      - ProseCode.vue
      - ...
---
::

禁用图标

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

差异

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

属性

tree
文件树
titlestring
文件树标题
iconstring
文件树标题图标
autoSlashboolean
true
是否自动在每个文件夹后添加斜杠
showArrowboolean
false
是否显示折叠箭头
showIconboolean
true
是否显示文件和文件夹图标