add menu titles: sort of working

configuration/main.js

@@ -3,7 +3,7 @@ const navComponent = {
   `<ul class="nav navbar-nav" id="navbar-center">
     <li class="dropdown main-nav-dropdown">
       <a class="dropdown-toggle ga-main-navbar" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
-        <div class="caret-text">{{ navmenu }}</div>
+        <div class="caret-text">{{ navkey }}</div>
         <div class="fancy-caret"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
       </a>
       <ul class="dropdown-menu fade dropdown-margin">
@@ -18,7 +18,7 @@ const navComponent = {
       </ul>
     </li>
   </ul>`,
-  props: ['navmenu']
+  props: ['navmenu', 'navkey']
 }
 
 const menusComponent = {

groups/home/LibAnswers-SlideOutChat-7.html

@@ -48,8 +48,8 @@
                          <div class="row" id="hamburger-alternative">
                                 <div class="col-xs-12">
                                         <nav class="navbar navbar-default main-nav-container">
-                                                <div class="container-fluid" v-for="navmenu in navListOfMenus">
-                                                        <nav-component v-bind:navmenu="navmenu"></nav-component>
+                                                <div class="container-fluid" v-for="(navmenu, navkey) in navListOfMenus">
+                                                        <nav-component v-bind:navmenu="navmenu" v-bind:navkey="navkey"></nav-component>
                                                 </div><!-- end of container-fluid -->
                                         </nav><!-- end of main-nav-container -->
                                 </div><!-- end of col-xs-12 -->