<script>
import { mapMutations, mapState } from "vuex";
import Burger from "../comunes/Burger.vue";

export default {
    name: "ComisionesNavBar",
    components: { Burger },
    computed: {
        ...mapState('ui', ["burger_activa"])
    },
    methods: {
        ...mapMutations('ui', ["toggleBurger"]),
    },
    data() {
        return {
            nombre: '',
        }
    },
    async mounted() {
        const response = await axios.get('/user');
        this.nombre = response.data.user;
    }
}
</script>

<template>
    <div class="navbar-item hide-below-1024">
        <p>{{ nombre }}</p>
        <burger/>
    </div>
</template>

<style scoped>
</style>
