How to Fix This Router Problem?

[0ZeKa0]

There is a project that I have build with using router and call sections from navigation in a page but I wanna make two pages as portfolia and admin to organize contents. Here is how I embeded RouterView into App.vue file:

<main class="main-content"> <RouterView /> </main>

I am routering to another layout from App.vue file. Here is how I embeded routerview into layout's template:

<NavBar /> <main class="main-content"> <RouterView/> <AboutMe /> <Projects /> <Skills /> <Contact /> </main> <Footer />

The problem is I am not be able to accomodate navigation elements into the routerview and the template that is created in App.vue file is seen in the midst of another layout. How can I fix this problem?

[0ZeKa0]

To ensure a clean and organized structure, I developed two distinct Vue.js applications, each equipped with its own router.