test(vue): add test application (#22252)

packages/vue/test-app/src/components/ModalContent.vue

@@ -0,0 +1,50 @@
+<template>
+  <ion-header>
+    <ion-toolbar>
+      <ion-buttons>
+        <ion-button @click="dismiss">Dismiss</ion-button>
+      </ion-buttons>
+      <ion-title>Modal</ion-title>
+    </ion-toolbar>
+  </ion-header>
+  <ion-content class="ion-padding">
+    {{ title }}
+  </ion-content>
+</template>
+
+<script lang="ts">
+import {
+  IonButton,
+  IonButtons,
+  IonContent,
+  IonHeader,
+  IonTitle,
+  IonToolbar,
+  modalController
+} from '@ionic/vue';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'ModalContent',
+  props: {
+    title: { type: String, default: 'Default Title' }
+  },
+  components: {
+    IonButton,
+    IonButtons,
+    IonContent,
+    IonHeader,
+    IonTitle,
+    IonToolbar
+  },
+  setup() {
+    const dismiss = async () => {
+      await modalController.dismiss();
+    }
+
+    return {
+      dismiss
+    }
+  }
+})
+</script>