tengo una tienda vuex y estoy tratando de obtener la información del usuario conectado actual, por ejemplo (usuario.nombre) quiero que esta información se muestre al usuario una vez que haya iniciado sesión
mi tienda vuex
state: { success: "", token: localStorage.getItem("token") || "", user: null, },
mutations: { AUTH_SUCCESS(state, token, email,user, name) { state.status = "success"; state.token = token; state.user = user; state.user = email; state.user = name; }, }
cómo lo renderizo en mi componente vue
<template> <div class="container mt-5"> <div class="row"> <div class="col-md-12"> <div class="card border-0 shadow rounded"> <div class="card-body"> {{ isLoggedIn }} <p>Name: {{ user }}</p> <hr> <button @click="logout" class="btn btn-primary btn-md">LOGOUT</button> </div> </div> </div> </div> </div> </template> <script> import { mapState } from "vuex"; import { mapGetters } from "vuex"; export default { data() { return {}; }, computed: { ...mapGetters({ user: "StateUser" }), isLoggedIn: function() { return this.$store.getters.isLoggedIn; }, ...mapState({ user: state => state.user = {name}, }) }, methods: { logout: function() { this.$store.dispatch("LOGOUT").then(() => { this.$router.push("/"); }); } } }; </script>
el estado que obtengo en el nombre del navegador es ""
''' éxito:""
token: "eyjmjhjhj"
nombre de usuario: "" ]