a form after validate must go to next author page with vue-Router using this code but not validate

I’ve got Vue router running with these routes:

I have the following routes defined in vue router:

I have the following routes defined in vue router:

I am new to vue.js and i’m trying to upgrade a relatively big vue 2 project to vue 3 and after i updated all the necessary files, i came across this TypeError: Failed to execute ‘insertBefore’ on ‘Node’: parameter 1 is not of type ‘Node’ error in the development server. I couldn’t find anything that solves my problem.

I have a problem in my Vue app where the router automatically redirects itself to the root of the current path. Say, I am on the path localhost:5000/new/123456 and when I refresh the page, I am redirected to localhost:5000/new/. This happens for all routes. I have another route on /active/ that is being redirected to if I refresh on /active/123456.

I’m currently trying to figure out how the Vue.js routing works. I feel like this should be the right approach when creating nested routes with multiple parameters: