Challenge 1 / 2

My website has a terribly complex sidebar! Our project manager asked us to extract it to a separate route so that we could load it lazily using Turbo Frames. This work is done! Our route has the name _app_nav, and it renders a frame with an id of app_nav_frame.

How could we load this in our main template?

<turbo-frame src="{{ path('_app_nav') }}"></turbo-frame>

<turbo-frame id="app_nav_frame"></turbo-frame>

<turbo-frame id="_app_nav" src="{{ path('app_nav_frame') }}"></turbo-frame>

<turbo-frame id="app_nav_frame" src="{{ path('_app_nav') }}"></turbo-frame>

Rewatch the video