refactor: dashboard view

src/views/dashboard/index.vue

@@ -1,18 +1,16 @@
 <script lang="ts" setup>
-import { computed, onBeforeMount, ref } from "vue"
+import { 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")
+type CurrentRoleType = "admin" | "editor"
-const roles = computed(() => {
+
-  return useUserStore().roles
+const userStore = useUserStore()
-})
+const currentRole = ref<CurrentRoleType>("admin")
-onBeforeMount(() => {
+if (!userStore.roles.includes("admin")) {
-  if (!roles.value.includes("admin")) {
   currentRole.value = "editor"
-  }
+}
-})
 </script>
 
 <template>