From 757179d3c620514c79126391d53bbcde21fec75a Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Tue, 15 Feb 2022 11:12:15 +0000
Subject: [PATCH] :construction: Working on sub-items

---
 src/components/LinkItems/Section.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/LinkItems/Section.vue b/src/components/LinkItems/Section.vue
index 0ce11c79..3bed33d4 100644
--- a/src/components/LinkItems/Section.vue
+++ b/src/components/LinkItems/Section.vue
@@ -23,7 +23,15 @@
     > <!-- Show for each item -->
       <template v-for="(item) in sortedItems">
         <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>
         <Item
           v-else
@@ -105,6 +113,7 @@
 <script>
 import router from '@/router';
 import Item from '@/components/LinkItems/Item.vue';
+import SubItem from '@/components/LinkItems/SubItem.vue';
 import WidgetBase from '@/components/Widgets/WidgetBase';
 import Collapsable from '@/components/LinkItems/Collapsable.vue';
 import IframeModal from '@/components/LinkItems/IframeModal.vue';
@@ -134,6 +143,7 @@ export default {
     Collapsable,
     ContextMenu,
     Item,
+    SubItem,
     WidgetBase,
     IframeModal,
     EditSection,