Merge pull request #18 from joefresco/patch-2

Mobile sidebar link click should close the sidebar

Author: xidedix

Vue_Full_Project/src/components/SidebarNavLink.vue

@@ -7,8 +7,10 @@
   </div>
   <div v-else>
     <router-link :to="url" :class="classList">
-      <i :class="icon"></i> {{name}}
-      <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
+      <span @click="hideMobile">
+        <i :class="icon"></i> {{name}}
+        <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
+      </span>
     </router-link>
   </div>
 </template>
@@ -63,6 +65,13 @@
           return false
         }
       }
+    },
+    methods: {
+      hideMobile () {
+        if (document.body.classList.contains('sidebar-mobile-show')) {
+          document.body.classList.toggle('sidebar-mobile-show')
+        }
+      }
     }
   }
 </script>