Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | 1x | <template>
<div>
<nav class="navbar navbar-expand-md navbar-light bg-light">
<a class="navbar-brand">Movie App</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarNav" class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item active"></li>
<li class="nav-item">
<router-link to="/" class="nav-link">Home</router-link>
</li>
<li class="nav-item">
<router-link to="/search" class="nav-link">Search</router-link>
</li>
<li class="nav-item">
<router-link to="/my-favourites" class="nav-link">
My Favourites
<span id="number-of-favourites" class="badge badge-primary">{{
countFavourites
}}</span>
</router-link>
</li>
</ul>
</div>
</nav>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
name: 'HeaderComponent',
computed: {
...mapGetters(['countFavourites'])
}
}
</script>
<style></style>
|