Ionic Vue render nested ion-page tag

minimal reproduction:


Why does Ionic vue have nested ion-page tags that cause common component like float button in ion-page routing to be rendered twice?

pages structure:

→ ion-page course index [simple route vue]
→ ion-page navigation page [child route]

ion-page course index

<ion-page data-test="course-index">
<router-view />
..... other common component

ion-page navigation page

 <ion-page data-test="navigation-page">

now the other common component will be render twice

@ionic/vue”: “5.9.4”,
@ionic/vue-router”: “5.9.4”,

Have you tried <ion-router-outlet /> instead of <router-view />?