[Vuejs]-How to set up Ionic Auto Height Sheet modal in Vue 3

ion-tab-bar really wants to set use the router when you press an ion-tab-button. If I change your tab3 to an ion-button like this:

<ion-button id="open-modal" fill="clear">
  <ion-icon aria-hidden="true" :icon="menuOutline" size="large" color="primary"/>
</ion-button>

the modal works in my environment. This avoids triggering the router.