Представление дерева в vue.js с классом машинописи

Question

Я использую Vue и машинопись.Мне нужно показать поля моего класса, заполненные в виде дерева.Это пример моего класса.

export class User extends Dto {

    @Expose()
    public id!: number

    @Expose()
    public version!: number

    @Expose()
    public fullName!: string

    @Expose()
    @Type(() => Permissions)
    public permissions!: Permissions[]

    @Expose()
    @Type(() => AdditionalInfo)
    public additionalInfo!: AdditionalInfo

}

, поэтому я хочу что-то вроде

-> user
  -> id : 1
  -> version : 1
  -> fullName : fooBar
  -> Permissions
    -> name: user_list
    -> weight: 500
  -> Additional info
    -> id...

Каждый компонент Vue, который я видел, касается лейбла и детей.Мой вопрос: есть ли компонент, который берет весь класс машинописи и преобразует его в узел дерева?Это не должно быть редактируемым или чем-то еще.Просто покажи все в объекте.Это было бы здорово.спасибо