Segue o código:
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto" v-if="usuarioestaLogado">
<li class="nav-item">
<router-link class="nav-link" to="/">Home</router-link>
</li>
<li class="nav-item">
<router-link to="/gerentes" class="nav-link">
Gerentes
</router-link>
</li>
<li>
<a href="#"
class="nav-link"
@click.prevent="efetuarLogout">Logout</a>
</li>
</ul>
<ul class="navbar-nav mr-auto" v-else>
<li class="nav-item">
<router-link class="nav-link" to="/login">Login</router-link>
</li>
<li class="nav-item">
<router-link to="/cadastra-se" class="nav-link">
Registre-se
</router-link>
</li>
</ul>
</div>
e no script:
computed: {
usuarioestaLogado () {
return Boolean(localStorage.getItem('token'))
}
}
O que estou fazendo de errado ?