You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

61 lines
1.1 KiB

<template>
<v-app>
<the-header>
<template #leftDrawerIcon>
<v-app-bar-nav-icon @click="drawerLeft = !drawerLeft" />
</template>
</the-header>
<v-navigation-drawer
v-model="drawerLeft"
app
clipped
color=""
>
<the-side-bar
:link="getLink"
:role="getCurrentUserRole"
/>
</v-navigation-drawer>
<v-main>
<v-container
fluid
fill-height
>
<v-layout
justify-center
>
<v-flex fill-height>
<nuxt />
</v-flex>
</v-layout>
</v-container>
</v-main>
</v-app>
</template>
<script>
import { mapGetters } from 'vuex'
import TheSideBar from '~/components/organisms/layout/TheSideBar'
import TheHeader from '~/components/organisms/layout/TheHeader'
export default {
middleware: ['check-auth', 'auth', 'check-admin'],
components: {
TheSideBar,
TheHeader
},
data() {
return {
drawerLeft: null
}
},
computed: {
...mapGetters('projects', ['getLink', 'getCurrentUserRole'])
}
}
</script>