pcpuma-front/src/layout/Header.vue

<template lang="pug">
  nav.navbar.is-u-blue
    div.navbar-brand
      a.navbar-item PC PUMA
    div.navbar-menu
      div.navbar-start
        router-link.navbar-item(to="/") Inicio
        router-link.navbar-item(to="/carrito") Carrito
        router-link.navbar-item(to="/usuario") Usuarios
        router-link.navbar-item(to="/multa") Multas
      div.navbar-end
        div.navbar-item
          a.button.is-u-golden(v-on:click='salir()')
            strong Salir
</template>
<script>
export default {
  methods: {
    salir: function () {
      window.localStorage.removeItem('pcpumaT')
      window.localStorage.removeItem('pcpumaU')
      window.localStorage.removeItem('pcpumaK')
      this.$router.push('login')
    }
  },
  computed: {
    login: function () {
      if (window.localStorage.pcpumaT) {
        return true
      }
      return false
    }
  }
}
</script>