chore(tabs): use script setup syntax for vue tests

Co-authored-by: Brandy Smith <[email protected]>

Author: ShaneK

packages/vue/test/base/src/views/tabs-similar-prefixes/Home.vue

@@ -11,11 +11,6 @@
   </ion-page>
 </template>
 
-<script lang="ts">
-import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/vue';
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  components: { IonPage, IonHeader, IonToolbar, IonTitle, IonContent },
-});
+<script setup lang="ts">
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
 </script>

packages/vue/test/base/src/views/tabs-similar-prefixes/Home2.vue

@@ -11,11 +11,6 @@
   </ion-page>
 </template>
 
-<script lang="ts">
-import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/vue';
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  components: { IonPage, IonHeader, IonToolbar, IonTitle, IonContent },
-});
+<script setup lang="ts">
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
 </script>

packages/vue/test/base/src/views/tabs-similar-prefixes/Home3.vue

@@ -11,11 +11,6 @@
   </ion-page>
 </template>
 
-<script lang="ts">
-import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/vue';
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  components: { IonPage, IonHeader, IonToolbar, IonTitle, IonContent },
-});
+<script setup lang="ts">
+import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
 </script>

packages/vue/test/base/src/views/tabs-similar-prefixes/TabsSimilarPrefixes.vue

@@ -39,33 +39,16 @@
   </ion-page>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import {
-  IonTabBar,
-  IonTabButton,
-  IonTabs,
   IonContent,
-  IonLabel,
   IonIcon,
+  IonLabel,
   IonPage,
   IonRouterOutlet,
+  IonTabBar,
+  IonTabButton,
+  IonTabs,
 } from '@ionic/vue';
 import { homeOutline, radioOutline, libraryOutline } from 'ionicons/icons';
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  components: {
-    IonContent,
-    IonLabel,
-    IonTabs,
-    IonTabBar,
-    IonTabButton,
-    IonIcon,
-    IonPage,
-    IonRouterOutlet,
-  },
-  setup() {
-    return { homeOutline, radioOutline, libraryOutline };
-  },
-});
 </script>