Ionic Vue new app

Page.vue

<script lang="ts">
import { defineComponent } from 'vue';
import { IonButton, IonPage , alertController} from '@ionic/vue';
import { useRouter } from "vue-router";
export default defineComponent({
  name: 'Page',
  components: {
    IonPage,
    IonButton
  },
  ionViewDidEnter() {
    this.presentAlert();
  },
  methods: {
    async presentAlert() {
      const alert = await alertController
        .create({
          cssClass: 'my-custom-class',
          header: 'Alert',
          subHeader: 'Ionic Vue',
          message: 'This alert is triggered on ionViewDidEnter',
          buttons: ['OK'],
        });
      await alert.present();

      const { role } = await alert.onDidDismiss();
      console.log('onDidDismiss resolved with role', role);
    }
  },
  setup() {
    const router = useRouter();
    return { router };
  }
});
</script>