🚧 Working on sub-items

This commit is contained in:
Alicia Sykes 2022-02-15 11:12:15 +00:00
parent 11c59504dc
commit 757179d3c6

View File

@ -23,7 +23,15 @@
> <!-- Show for each item --> > <!-- Show for each item -->
<template v-for="(item) in sortedItems"> <template v-for="(item) in sortedItems">
<div v-if="item.subItems" :key="item.id"> <div v-if="item.subItems" :key="item.id">
Sub-Items <template v-for="(subItem, subIndex) in item.subItems">
<SubItem
:key="subIndex"
:id="`${item.id}-sub-${subIndex}`"
:url="item.url"
:icon="item.icon"
:title="item.title"
/>
</template>
</div> </div>
<Item <Item
v-else v-else
@ -105,6 +113,7 @@
<script> <script>
import router from '@/router'; import router from '@/router';
import Item from '@/components/LinkItems/Item.vue'; import Item from '@/components/LinkItems/Item.vue';
import SubItem from '@/components/LinkItems/SubItem.vue';
import WidgetBase from '@/components/Widgets/WidgetBase'; import WidgetBase from '@/components/Widgets/WidgetBase';
import Collapsable from '@/components/LinkItems/Collapsable.vue'; import Collapsable from '@/components/LinkItems/Collapsable.vue';
import IframeModal from '@/components/LinkItems/IframeModal.vue'; import IframeModal from '@/components/LinkItems/IframeModal.vue';
@ -134,6 +143,7 @@ export default {
Collapsable, Collapsable,
ContextMenu, ContextMenu,
Item, Item,
SubItem,
WidgetBase, WidgetBase,
IframeModal, IframeModal,
EditSection, EditSection,