Simple app.vue setup with user account links

App.vue

<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link>
      <router-link v-if="!user" to="/login">Login</router-link>
      <router-link v-if="user" to="/account">Account</router-link>
      <a v-if="user" @click.prevent="handleLogout" href="#">Logout</a>
    </div>
    <router-view/>
  </div>
</template>

<script>
import { mapActions } from 'vuex'

export default {
  name: 'app',
  computed: {
    user () {
      return this.$store.state.auth.user
    }
  },
  methods: {
    ...mapActions('auth', ['logout']),

    handleLogout () {
      this.logout()
        .then(_ => {
          this.$router.push('/')
        })
    }
  }
}
</script>