diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index edb50fa..f88d43d 100644
--- a/src/views/dashboard/index.vue
+++ b/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")
-const roles = computed(() => {
-  return useUserStore().roles
-})
-onBeforeMount(() => {
-  if (!roles.value.includes("admin")) {
-    currentRole.value = "editor"
-  }
-})
+type CurrentRoleType = "admin" | "editor"
+
+const userStore = useUserStore()
+const currentRole = ref<CurrentRoleType>("admin")
+if (!userStore.roles.includes("admin")) {
+  currentRole.value = "editor"
+}
 </script>
 
 <template>