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

35 lines
604 B
Vue

<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>