Why does the default home.page.html have 2 ion-headers?

Ionic Framework
6

Hi @mhartington ,

This is somewhat related with the issue I am having. I have an instance of ion-header inside my main view in App.vue that also holds ion-menu, code looks like this:

<ion-header>
      <ion-toolbar>
        <ion-buttons slot="end">
          <ion-menu-button></ion-menu-button>
        </ion-buttons>
        <ion-title>{{ $router.currentRoute.value.name }}</ion-title>
      </ion-toolbar>
    </ion-header>

But I’m still forced to have ion-header on every single view, otherwise all the content goes behind the header, even if fullscreen is set to false. I’d like to avoid duplicating ion-header code if possible from my view components. Is this possible?

Thank you.