<template> | |
<div class="dashboard-container"> | |
<component :is="currentRole"/> | |
</div> | |
</template> | |
<script> | |
import { mapGetters } from 'vuex' | |
import adminDashboard from './admin' | |
import editorDashboard from './editor' | |
export default { | |
name: 'Dashboard', | |
components: { adminDashboard, editorDashboard }, | |
data() { | |
return { | |
currentRole: 'adminDashboard' | |
} | |
}, | |
computed: { | |
...mapGetters([ | |
'roles' | |
]) | |
}, | |
created() { | |
if (!this.roles.includes('admin')) { | |
this.currentRole = 'editorDashboard' | |
} | |
} | |
} | |
</script> |