File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="flex-column layout-wrap" >
<!-- <Header></Header> -->
<Menu @itemSelected="handleItemSelected"></Menu>
<div class="wrapper flex" :class="loginUser != null ? 'main' : 'login'">
<SideMenu :selectedId="selectedId" class="gd-2"></SideMenu>
<router-view/>
</div>
</div>
</template>
<script>
import Header from '../pages/layout/Header.vue';
import Menu from '../pages/layout/Menu.vue';
import SideMenu from '../pages/layout/sideMenu.vue';
import axios from 'axios';
const App = {
data: () => {
return {
selectedId: true,
SideMenu: true,
// store: store,
loginUser: null
}
},
methods: {
handleItemSelected(id) {
this.selectedId = id;
},
async fetchUser() {
try {
const response = await axios.get('/api/user');
this.loginUser = response.data;
} catch (error) {
console.error('Error fetching user:', error);
}
}
},
watch: {
},
computed: {
},
components: {
'Header': Header,
'Menu': Menu,
'SideMenu': SideMenu,
},
mounted() {
console.log('Vue mounted');
this.fetchUser(); // 로그인 상태 확인
}
}
export default App;
</script>
<style>
</style>