Re-use sidebar component as modal in mobile viewport

Hi LaraPeeps,

I am working on a vue 3 app and use headless ui for some modals and stuff, what I am looking to do is re-use a sidebar as a modal:

to put it in some context the sidebar is hidden on mobile and displayed on desktop viewports so what I am hoping to do is launch the sidebar as a modal when on mobile view show it as a modal.

is this possible ?