<tree-view-item
    v-for="(entry, index) in tree"
    :key="index"

    :entry="entry"
    :mode="mode"
    :deepness="deepness"
>
    <slot :entry="entry"></slot>
</tree-view-item>

<tree-view
    :entries="tree"
    mode="folders"
    :deepness="3"
>
    <template slot-scope="{ entry }">
        {{ entry.name }}
    </template>
</tree-view>

<!-- tree-view-item's template -->
<li>
    <slot></slot>

    <tree-view
        v-if="entry.children"
        v-show="open"
        :entries="entry.children"
        :mode="mode"
        :deepness="deepness"
    >
        <template slot-scope="{ entry }">
            {{ entry.name }}
        </template>
    </tree-view>
</li>