JS/JQ: treeview in Router Component - Infinite times - how?

Questions
1

Hi ALL,

In JS/JQ, I cant figure out how to do this in Router Component;

  1. Infinite treeview
  2. If folder or file, parent or childen >>nested loops
  3. possible to do VL-treeview?

just…too hard :sweat_smile:

any help?

<div class="treeview">
  <div class="treeview-item treeview-load-children" @treeview:loadchildren="loadChildren">
    <div class="treeview-item-root">
      <div class="treeview-toggle"></div>
      <div class="treeview-item-content">
        <i class="icon f7-icons">persons</i>
        <div class="treeview-item-label">Users</div>
      </div>
    </div>
    <div class="treeview-item-children">
      {{#each loadedChildren}}
      <div class="treeview-item"> **here: if the 2nd loop children is folder? how to deal the 3rd, 4th loop?** 
        <div class="treeview-item-root">
          <div class="treeview-item-content">
            <i class="icon f7-icons">person</i>
            <div class="treeview-item-label">{{name}}</div>
          </div>
        </div>
      </div>
      {{/each}}
    </div>
  </div>
</div>