<template>
  <nav class="navbar has-shadow is-light">
    <div class="container">
      <div class="navbar-brand">
        <nuxt-link to="/" class="navbar-item">
          <img src="~/assets/logo.png">
        </nuxt-link>
      </div>
      <div class="navbar-menu">
        <div class="navbar-start">
          <nuxt-link to="/" class="navbar-item is-tab" exact>Home</nuxt-link>
          <nuxt-link to="/about" class="navbar-item is-tab" exact>About</nuxt-link>
        </div>
      </div>
    </div>
  </nav>
</template>

<style lang="scss">
  $primary: blue;
  $navbar-tab-active-border-bottom-color: red;
  @import "~bulma";
  @import "~buefy/src/scss/buefy";
</style>