app/ayanova/src/App.vue

@@ -2,7 +2,15 @@
   <v-app id="inspire">
     <v-navigation-drawer v-if="isAuthenticated" fixed v-model="drawer" app>
       <v-list dense>
-        <v-list-tile to="/">
+        <v-list-tile v-for="item in navItems" :key="item.title" to="item.route">
+          <v-list-tile-action>
+            <v-icon>{{ "fa-" + item.icon }}</v-icon>
+          </v-list-tile-action>
+          <v-list-tile-content>
+            <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+          </v-list-tile-content>
+        </v-list-tile>
+        <!-- <v-list-tile to="/">
           <v-list-tile-action>
             <v-icon>fa-home</v-icon>
           </v-list-tile-action>
@@ -26,6 +34,7 @@
             <v-list-tile-title>Dispatch</v-list-tile-title>
           </v-list-tile-content>
         </v-list-tile>
+
         <v-list-tile to="/inventory">
           <v-list-tile-action>
             <v-icon>fa-dolly</v-icon>
@@ -34,6 +43,7 @@
             <v-list-tile-title>Inventory</v-list-tile-title>
           </v-list-tile-content>
         </v-list-tile>
+
         <v-list-tile to="/accounting">
           <v-list-tile-action>
             <v-icon>fa-file-invoice-dollar</v-icon>
@@ -77,7 +87,8 @@
           <v-list-tile-content>
             <v-list-tile-title>Log off</v-list-tile-title>
           </v-list-tile-content>
-        </v-list-tile>
+        </v-list-tile>-->
+
         <!--Nav menu links END-->
       </v-list>
     </v-navigation-drawer>
@@ -144,6 +155,9 @@ export default {
         this.$store.state.authenticated === true
         //this.$route.name !== "login" &&
       );
+    },
+    navItems() {
+      return this.$store.state.navItems;
     }
   },
   props: {