Ion-button href animation not working

I noticed that if using this line <ion-button href="/<url>">Navigate</ion-button> will not trigger animation but when using:

import { useRouter } from 'vue-router'

setup() {
   const navToUrl = () => {
     router.push({ name: 'nav-url' })
   return {

Will trigger the animation,
What would be the probelm about this? or this is an existing issue?

Also I noticed that the :class cant be set dynamically on ion-tab-button

The icon got disappeared

Got to use selected on ion-button to make it active :slight_smile: