Merge pull request #96 from rkpattnaik780/active-nav-links

use active-class props in router-link to add class to the active route

Author: sarthak-sehgal

src/components/NavBar.vue

@@ -11,10 +11,10 @@
 			<div id="mobileNavHeading">
 				<router-link to="/"><h1 id="bio">Bio</h1><h1 id="js">JS</h1></router-link>
 			</div>
-			<router-link class="navLink" :class="active=='components'?'active':''" to="/components"><span>Components</span></router-link>
-			<router-link class="navLink" :class="active=='guide'?'active':''" to="/guide"><span>Guide</span></router-link>
-			<router-link class="navLink" :class="active=='about'?'active':''" to="/about"><span>About</span></router-link>
-			<router-link class="navLink" :class="active=='contact_us'?'active':''" to="/contact"><span>Contact Us</span></router-link>
+			<router-link class="navLink" active-class="active" to="/components"><span>Components</span></router-link>
+			<router-link class="navLink" active-class="active" to="/guide"><span>Guide</span></router-link>
+			<router-link class="navLink" active-class="active" to="/about"><span>About</span></router-link>
+			<router-link class="navLink" active-class="active" to="/contact"><span>Contact Us</span></router-link>
 			<div class="close">
 				<img @click="closeMenu()" src="../../static/close.png" alt="Close menu">
 			</div>