<template>
    <component :is="startPage">
    </component>
</template>

<script>
import {mapGetters} from 'vuex'
import TutorStartPage from '@/pages/tutor/TutorStartPage'
import StudentPage from '@/pages/student/StudentPage'
import ReviewerStartPage from '@/pages/reviewer/ReviewerStartPage'
export default {
  name: 'start-page-selector',
  components: {
    ReviewerStartPage,
    StudentPage,
    TutorStartPage
  },
  computed: {
    ...mapGetters([
      'isStudent',
      'isTutor',
      'isReviewer'
    ]),
    startPage () {
      if (this.isStudent) {
        return 'student-page'
      } else if (this.isTutor) {
        return 'tutor-start-page'
      } else if (this.isReviewer) {
        return 'reviewer-start-page'
      }
    }
  }
}
</script>

<style scoped>

</style>