How to build a table of contents (in HTML5 / Vue) from a set of data that follows a Tree Structure with Array of Ancestors (mongoDB)?

Question

I am trying to build a table of contents from a dataset from mongoDB and the data follows this pattern (as described in the mongDB docs HERE - Model Tree Structures with an