I’d also be very interested in a solution!

Having component files for header, footer etc. works for me when using them inside a div tag that has the respective slot name (slot="header).

Like so:
<q-toolbar slot="header" color="white" class="navbar"> <navbar-desktop></navbar-desktop> </q-toolbar>

Did you try it this way already?