Nuxt/examples/auth-jwt/pages/index.vue

35 lines
603 B
Vue
Raw Normal View History

<template>
<div>
<div v-if="$store.state.auth">
<p>
You are authenticated. You can see the
<NuxtLink to="/secret">
secret page
</NuxtLink>!
</p>
<button @click="logout">
Logout
</button>
</div>
<p v-else>
Please
<NuxtLink to="/login">
login
</NuxtLink>.
</p>
</div>
</template>
<script>
const Cookie = process.client ? require('js-cookie') : undefined
export default {
methods: {
logout() {
Cookie.remove('auth')
this.$store.commit('setAuth', null)
}
}
}
</script>