Tengo un componente que tiene un ícono que quiero mostrar solo si el método de captadores devuelve verdadero. Ese método devuelve verdadero cuando un usuario inicia sesión. Estoy usando una propiedad calculada para rastrear los cambios, pero tengo que volver a cargar la página para que se pueda actualizar el método calculado.

 <template> <div class="icon" v-if="isUserLoged" > <i class="fa fa-star"></i> </div> </template> <script> export default { computed: { isUserLoged() { return this.$store.getters.isUserLoged; }, }, }; </script>

 getters:{ isUserLoged(state){ return state.auth_token !== null }, }

 actions:{ login({commit},payload){ return axios.post("/users/login",payload) .then(data => { commit('SET_TOKEN',data.data.auth_token) }) .catch(error => { return error.response }) }, }, mutations:{ SET_TOKEN(state,data){ state.auth_token = data }, }

El token se establece cuando se llama a la API de inicio de sesión en la sección de acciones