Routing issue

[bonomite]

🐛 The bug

Can anyone tell me what I am doing wrong with routing?!?! I have a Nuxt3/Capacitor project, and I just want to navigate to a page. nuxt-link just makes the new page appear under the home page. When I add the and tags in the page, the pages don't render.... until I remove the app.vue. Then everything works as expected.... but the default.vue template is no longer rendering again.... which was part of a previous bug @danielroe helped me with.

There HAS to be a magical combination where I can get the routing working with the default.vue template. I can't figure it out.

🛠️ To reproduce

routing broken with default.vue template:
https://stackblitz.com/edit/nuxt-starter-4c373a?file=package.json,nuxt.config.ts,pages%2Findex.vue,pages%2Fnew-page.vue

routing working, without default.vue template:
https://stackblitz.com/edit/nuxt-starter-6z9yld?file=temp_app.vue,pages%2Findex.vue,pages%2Fnew-page.vue

🌈 Expected behaviour

Using a nuxt-link component, navigate to(), or router.push() should just route to the desired page as normal.

ℹ️ Additional context

No response

[bonomite]

after another day of playing around... it seems like having this as my app.vue file seems to be working.
<template> <ion-app> <NuxtLayout> <NuxtPage /> </NuxtLayout> </ion-app> </template>

[alex-steinberg]

@bonomite check out the docs 👇

you should avoid using <NuxtPage> or <NuxtLayout>

I've found router.push to navigate OK but not preserve params.