Dialog in separate Template

[nicodemous]

All,

I'm migrating my application from primefaces to primevue. I just made some proof-of-concepts for most of the different forms, I have in primefaces. But there is one, where I could not figure out, how to approve:

I have several dialogs, which are starting i.e. a report. Those dialog will popup via the menu. Since those are several dialogs with a couple of elements, I don't want to put them all together into one big file. Those dialogs will be stored in separate files.

I made a little rep-case:

https://hkoxw.csb.app/

The "Submit1" Button shows the dialog which is within the HelloWorld.vue, with the "Submit2" Button (or over router "Nested One"), I want to show the TestDialog2 (stored in TestDialog.vue). But this is not working.
I sure it is quite easy, but I'm not able to see the wood for the trees.

Thx
Nik