Hi,

i’ve create as scaffold with “mix phx.gen.auth”

i want to extend root.html.heex by two liveview-components
to create some kind of ‘container’ in which the router-content (@inner_content) in the center:

          ..............................................                                        
          .                                            .                                        
          .     root.html.heex                .                                        
          .                                            .                                        
          ..............................................                                        
          .      live-component-header  .                                        
          .    *************************                                         
          .                                            .                                        
          ..                                         ...                                        
          ..                                         ...                                        
          ..                                       ...                                        
          ..    @inner_content            ....                                       
          ..                                         ....                                       
          ..                                         ....                                       
          ..                                         ....                                       
          ..                                         ....                                       
          ..                                         ....                                       
          ..                                         .. .                                       
          ..                                         .. .                                       
          ..                                         .. .                                       
          ..                                         .. .                                       
          ..                                         .. .                                       
          ..                                         .. .                                       
          ..                                         .. .                                       
          ............................................. .                                       
          .    live-component-footer      .                                       
          ...............................................                                       

unfortunatelly, i cannot use the live-components in root.html.heex:

<div class="flex grow-1 shrink-1 basis-full flex-col">
        <div>
          <.live_component module={LiveWeb.HeaderComponent} id="header" />
        </div>
        <div>
          {@inner_content}
        </div>
        <div>
          <.live_component module={LiveWeb.FooterComponent} id="footer" />
        </div>
      </div>

Any hint is very appreciated.
Many thanks in advance.
regards
jensu