jdcProject_front/src/views/dashboard/index.vue

<script lang="ts" setup>
import { computed, onBeforeMount, ref } from "vue"
import { useUserStore } from "@/store/modules/user"
import AdminDashboard from "./admin/index.vue"
import EditorDashboard from "./editor/index.vue"

const currentRole = ref("admin")
const roles = computed(() => {
  return useUserStore().roles
})
onBeforeMount(() => {
  if (!roles.value.includes("admin")) {
    currentRole.value = "editor"
  }
})
</script>

<template>
  <component :is="currentRole === 'admin' ? AdminDashboard : EditorDashboard" />
</template>