<template>
  <header>
      <div class="title"><router-link to="/"><img :src="logo" alt="로고"></router-link></div>
      <Menu></Menu>
      <div class="user-info">
          <div class="user-name"> <router-link 
            to="/MyPage.page"><img :src="accounticon" alt="">관리자</router-link></div>
          <button @click="logout" class="user-logout"><img :src="logouticon" alt=""></button>
      </div>
  </header>
</template>

<script>
import Menu from '../layout/Menu.vue';
export default {
  data() {
      return {
          logo: "/client/resources/img/logo.png",
          accounticon: "/client/resources/img/account.png",
          logouticon: "/client/resources/img/logout.png",
      };
  },
  methods: {
      logout(){
          localStorage.removeItem('isLoggedIn');
this.$router.push('/login.page'); 

      }
  },
  watch: {},
  computed: {},
  components: {
      'Menu': Menu,
  },
  created() {},
  mounted() {},
  beforeUnmount() {},
};

</script>