localhost-front/src/views/MainView.vue
2025-03-31 15:50:42 +09:00

33 lines
973 B
Vue

<template>
<div class="container-xxl flex-grow-1 container-p-y pb-0">
<MainEventCalendar />
<MemberManagement v-if="isAdmin" />
<div class="">
<BoardMain />
</div>
</div>
</template>
<script setup>
import MainEventCalendar from '@/components/main/MainEventCalendar.vue';
import MemberManagement from '@/components/main/MemberManagement.vue';
import BoardMain from '@c/main/BoardMain.vue';
import { useUserInfoStore } from '@/stores/useUserInfoStore';
import { inject, onMounted, ref } from 'vue';
import $api from '@api';
const userStore = useUserInfoStore();
const user = ref();
const isAdmin = ref(false);
const checkAdmin = user => {
return user?.value?.role === 'ROLE_ADMIN' ? true : false;
};
onMounted(async () => {
await userStore.userInfo();
user.value = userStore.user;
isAdmin.value = await checkAdmin(user);
});
</script>