navbar links in nuxt

I’m using bootstrap-vue in my nuxt project. I have created some navbar with some links of my pages.

`<b-navbar toggleable="md">

	<b-navbar-toggle target="nav_collapse" class="ml-auto"/>
	
	<b-collapse id="nav_collapse" is-nav>
		<b-navbar-nav class="mx-auto">
			<b-nav-item class="mx-auto" to="/">home</b-nav-item>
			<b-nav-item class="mx-auto" to="/booking">Booking</b-nav-item>
			<b-nav-item class="mx-auto" to="/gallery">Gallery</b-nav-item>
			<b-nav-item class="mx-auto" to="/faq">FAQ</b-nav-item>
			<b-nav-item class="mx-auto" to="/contact">Contact</b-nav-item>		
		</b-navbar-nav>
	</b-collapse>
</b-navbar>`

I think there is a problem when using links who goes to=“/” they are always selected. You can see a picture on the fallowing link http://prntscr.com/jj2zlz

[tmorehouse]

Router props are applied directly to <b-bropdown-item :to="href" active-class="foo" exact>, just like the to prop.

[emanuelmutschlechner]

Take a look at the router docs. Prop exact is what you want: https://router.vuejs.org/en/api/router-link.html