<template>
     <div v-if="isLoginPage" class="login">
     <!-- 로그인 페이지에는 헤더 없음 -->
     <router-view />
   </div>
   <div v-else class="container">
      <Header />
      
     <main class="main-wrap">
       <router-view />
     </main>
   </div>
   
</template>

<script>
import Header from '../layout/Header.vue';

import Footer from '../layout/Footer.vue';

const App = {
   data: () => {
      return {}
   },
   methods: {},
   watch: {},
   computed: {
     isLoginPage() {
       return this.$route.path === '/login.page';
     },
   },
   components: {
      'Header': Header,
      
      'Footer': Footer,
   },
   mounted: () => {}
}

export default App;
</script>

