const PageLayout = {
  template: `
      <div class="page-layout">
        <header>
          <button @click="showSidebar = true">
            MENU
          </button>
        </header>
        <aside :class="{'is-active': showSidebar}">
          <button @click="showSidebar = false">
            CLOSE
          </button>
        </aside>
    </div>
  `,
  data(){
    return {
      showSidebar: false
    }
  },
}