Источник данных Kendo UI Treeview не отображает все элементы в источнике данных

Question

У меня есть массив js, который я хочу заполнить в виде дерева. Я передаю массив в v-for.Он отлично работает при первом проходе, но когда другой объект добавляется в древовидное представление, дерево продолжает отображать только нижний объект в массиве.Вот код:

<div id="vueapp" class="vue-app">
<kendo-treeview>
    <li data-expanded="true">
        <span class="k-icon k-i-folder"></span>
        My Web Site
        <ul>
            <li data-expanded="true" v-for="vehicle in vehicles">
                <span class="k-icon k-i-folder"></span>{{vehicle.name}}
                <ul>
                    <li v-for="vehicle in vehicles"><span class="k-icon k-i-image"></span>{{vehicle.model}}</li>
                </ul>
            </li>
        </ul>
    </li>
</kendo-treeview>