How do I display a tree in vitePress?

[mezhanglei]

I want to display a tree conveniently in vitePress, but have no ideas

[zhangfisher]

recommend use litetree

github

<LiteTree>
- A公司
    行政中心
        总裁办
        人力资源部
        财务部
        行政部
        法务部
        审计部
        信息中心
    + 市场中心
        市场部
        销售部
        客服部
        品牌部
        市场策划部
        市场营销部
    研发中心
        移动研发部
        平台研发部
        测试部
        运维部
        产品部
        设计部
</LiteTree>

output:

[fjun99]

这个超棒。加在 一个 vitepress 教程里面了： https://www.alang.ai/vitepress/v09.html

教程首页：https://www.alang.ai/vitepress/

[zhangfisher]

In the component slot, using a YAML like approach to represent indentation to describe trees is a very good experience,:)

LiteTree also supports a variety of styles, specifically designed for 'vitepress'