Navigation Tweaks

src/components/LeftDrawer.vue

@@ -9,13 +9,28 @@
     <q-scroll-area class="fit">
       <q-list padding class="menu-list">
         <template v-for="link in enabledLinks" :key="link.name">
-          <q-item clickable v-ripple :to="link.to">
+          <!-- TODO: Template this to be DRY --><q-item
+            clickable
+            v-ripple
+            :to="link.to"
+          >
             <q-item-section avatar>
               <q-icon :name="link.icon" />
             </q-item-section>
 
             <q-item-section> {{ link.name }} </q-item-section>
           </q-item>
+          <q-list v-if="link.sublinks">
+            <div v-for="sublink in link.sublinks" :key="sublink.name">
+              <q-item clickable v-ripple :to="sublink.to" class="q-ml-md">
+                <q-item-section avatar>
+                  <q-icon :name="sublink.icon" />
+                </q-item-section>
+
+                <q-item-section> {{ sublink.name }} </q-item-section>
+              </q-item>
+            </div></q-list
+          >
         </template>
         <q-item clickable v-ripple @click="logout()">
           <q-item-section avatar><q-icon name="logout" /></q-item-section