Merge pull request #3 from deanfchung/dean

routes MENUUU FFFFFFf

Author: deanfchung

src/components/ParentMultiselect.vue

@@ -27,14 +27,12 @@ export default {
     ...mapState([
       'routes',
       'componentMap',
-      'activeComponent'
+      'activeComponent',
+      'activeRoute',
+      'routes'
     ]),
     options () {
-      const routes = Object.keys(this.routes)
-      const exceptions = new Set(['App', ...routes])
-      return Object.keys(this.componentMap).filter(component => {
-        if (!exceptions.has(component)) return component
-      })
+      return this.routes[this.activeRoute].map(component => component.componentName)
     }
   },
   methods: {

src/components/RouteDisplay.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="route-display">
-     <q-input
+<div>
+       <q-input
         @keyup.enter.native="handleEnterKeyPress"
         standout="bg-teal text-white"
         bottom-slots
@@ -10,6 +10,10 @@
         class="input-add"
       >
       </q-input>
+  <!--<div class="route-display">-->
+    <!--
+
+    -->
     <Routes></Routes>
   </div>
 </template>

src/components/Routes.vue

@@ -1,17 +1,28 @@
 <template>
-  <div class="route-view">
+<div>
+  <!--<div class="route-view">-->
     <a
       :class="route === activeRoute ? 'panel-block is-active' : 'panel-block'"
       v-for="route in Object.keys(routes)"
       :key="route"
       @click="handleClick(route)"
     >
+<!--
       <span class="panel-icon">
         <i class="fas fa-location-arrow" aria-hidden="true"></i>
       </span>
-      {{ route }}
+      -->
+         <q-list bordered separator>
+      <q-item clickable v-ripple>
+        <q-item-section>{{route}}</q-item-section>
+
+      </q-item>
+
+    </q-list>
+
     </a>
   </div>
+
 </template>
 
 <script>