46 lines
870 B
Vue
46 lines
870 B
Vue
<template>
|
|
<div id="app">
|
|
<div class="ui secondary menu" v-if="user.authenticated">
|
|
<router-link to="/home" class="item">Home</router-link>
|
|
<router-link to="/books" class="item">Books</router-link>
|
|
<router-link to="/authors" class="item">Authors</router-link>
|
|
<router-link to="/publishers" class="item">Publishers</router-link>
|
|
<div class="right menu">
|
|
<a class="ui item" @click="logout()">
|
|
Logout
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="ui divider"></div>
|
|
<router-view/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import auth from './auth'
|
|
|
|
export default {
|
|
name: 'app',
|
|
data () {
|
|
return {
|
|
user: auth.user
|
|
}
|
|
},
|
|
methods: {
|
|
logout () {
|
|
auth.logout()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
*, *:hover, *:active, *:focus{
|
|
outline: none;
|
|
}
|
|
|
|
#app{
|
|
margin: 2em 1em;
|
|
}
|
|
</style>
|