NModal in router view

[aflatscher-loop]

I'm trying to have vue-router routes as modals. Ideally the NModal component would be inside the child route's component, so I can manage the closing behaviour there (pressing ESC key, clicking on modal background, etc.). I managed to show/hide the modal based on route match, but I completely lost the open/close animations.

I played around with vue's Transition to control NModal's show prop. Especially to delay the unmount until its close animation is finished, but I can't wrap my head around it.

Here's a simple codesandbox to illustrate my problem:
https://codesandbox.io/s/laughing-ishizaka-mxy5rp

Does anyone have an idea on how to handle such a case?