<template>
  <section>
    <nav
      class="container is-flex is-justify-content-space-between has-text-white is-align-items-center"
    >
      <h2>{{ usuario }}</h2>
      <b-button type="is-danger is-small my-1 rojo" @click="cerrarSesion()"
        >Cerrar Sesión</b-button
      >
    </nav>
  </section>
</template>

<script>
export default {
  data() {
    return {
      usuario: localStorage.getItem("usuario")
        ? localStorage.getItem("usuario")
        : "",
    };
  },
  // created() {
  //   if (
  //     !localStorage.getItem("usuario") ||
  //     !localStorage.getItem("idUsuario") ||
  //     !localStorage.getItem("idTipoUsuario") ||
  //     !localStorage.getItem("nombre") ||
  //     !localStorage.getItem("tipoUsuario") ||
  //     !localStorage.getItem("token")
  //   )
  //     this.$router.push("/");
  // },
  methods: {
    cerrarSesion() {
      localStorage.clear();

      this.$router.push("/");
    },
  },
};
</script>

<style scoped>
section {
  background-color: #bb8800;
}

.rojo {
  background-color: #dc3545;
}
</style>
