<template>
   <div :class="layoutClass" v-if="isLogin">
      <Header></Header>
      <div class="main-wrap">
         <router-view />
      </div>
      <Footer></Footer>
   </div>

   <!-- <div v-else class="login-page">
      <Login @updateIsLogin="updateIsLogin" />
   </div> -->
</template>
 
<script>
import Header from '../layout/Header.vue';
import Footer from '../layout/Footer.vue';
// import Login from '../pages/login/Login.vue';


const App = {
   data: () => {
      return {
         isLogin: true,
      }
   },
   created() {
   
   },
   methods: {
      // 로그인
      updateIsLogin: function (boolean) {
         this.isLogin = boolean;
      },
   },

   watch: {},

   computed: {},

   components: {
      'Header': Header,
      // 'Login': Login,
      'Footer': Footer,
   },
   mounted() {
      console.log('Vue mounted');
   },
}

export default App;
</script>

<style scoped></style>