Teleport in Vue
Vue interview exercise on Slots & dynamic components, difficulty 2 of 3. Solve it in the editor beside a worked example; the tests run the moment you do.
Write Modal with a prop `open` (boolean) that emits `close`: teleport a <div class="modal" role="dialog"> into #modal-root, rendered only while open, holding the default slot and a <button class="close">. The modal must leave the target when open turns false and when the component unmounts.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Progress is saved in your browser, and in your account if you sign in.