Challenge #1 of 2

Q:
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>