@Component({
  selector: 'app-root',
  standalone: true,
  imports: [forwardRef(() => DeferMeCmp)],
  template: `
    <button (click)="show.set(!show())">show</button>
    <div>
      @if (show()) { 
         @defer (on immediate) {
           <defer-me />
         }
      }
    </div>
  `,
})
export class AppComponent {
  show = signal(false);
}


// defer-me.cmp.ts

@Component({
  selector: 'defer-me',
  template: ` <div>Defered!</div> `,
  standalone: true,
})
export class DeferMeCmp {}