I'm trying to assign a route to a custom popup I made using the dialog component in vue.js but I'm having some trouble getting it to work. I've messed up a lot and I'm honestly confused as to how to make this work. This is my route file:

routes: [ { path: "/", name: "landing", component: LandingView, children: [ { path: "/register", component: RegistrationForm, }, ], },

I have a login page and within that login page I am using the RegistrationForm component which is contained within a custom dialog component I made like this:

I only want to assign a route to the popup when the user clicks on it. So when the user clicks the register button and the popup is activated, I want it to be http://localhost:5173/register instead of now having no route as it is just http://localhost:5173. I'm sorry if this is a confusing question, please try your best to explain it, thanks in advance!