test(vue): update vue test app dependencies (#24955)

packages/vue/test-app/src/App.vue

@@ -9,7 +9,6 @@ import { IonApp, IonRouterOutlet, useIonRouter } from '@ionic/vue';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'App',
   components: {
     IonApp,
     IonRouterOutlet

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

@@ -8,7 +8,6 @@
 <script lang="ts">
 
 export default {
-  name: 'ExploreContainer',
   props: {
     name: String
   }
@@ -40,4 +39,4 @@ export default {
 #container a {
   text-decoration: none;
 }
-</style>
+</style>

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

@@ -28,7 +28,6 @@ import {
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'ModalContent',
   props: {
     title: { type: String, default: 'Default Title' }
   },

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

@@ -12,7 +12,6 @@ import {
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'PopoverContent',
   props: {
     title: { type: String, default: 'Default Title' }
   },

packages/vue/test-app/src/router/index.ts

@@ -23,17 +23,14 @@ const routes: Array<RouteRecordRaw> = [
   },
   {
     path: '/overlays',
-    name: 'Overlays',
     component: () => import('@/views/Overlays.vue')
   },
   {
     path: '/inputs',
-    name: 'Inputs',
     component: () => import('@/views/Inputs.vue')
   },
   {
     path: '/slides',
-    name: 'Slides',
     component: () => import('@/views/Slides.vue')
   },
   {
@@ -63,7 +60,6 @@ const routes: Array<RouteRecordRaw> = [
   },
   {
     path: '/nested',
-    name: 'RouterOutlet',
     component: () => import('@/views/RouterOutlet.vue'),
     children: [
       {

packages/vue/test-app/src/views/Folder.vue

@@ -28,7 +28,6 @@
 import { IonButtons, IonContent, IonHeader, IonMenuButton, IonPage, IonTitle, IonToolbar } from '@ionic/vue';
 
 export default {
-  name: 'Folder',
   components: {
     IonButtons,
     IonContent,

packages/vue/test-app/src/views/Home.vue

@@ -64,7 +64,6 @@ import { IonButtons, IonBackButton, IonContent, IonHeader, IonItem, IonLabel, Io
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'Home',
   components: {
     IonButtons,
     IonBackButton,

packages/vue/test-app/src/views/Inputs.vue

@@ -132,7 +132,6 @@ import {
 import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
-  name: 'Home',
   components: {
     IonBackButton,
     IonButton,

packages/vue/test-app/src/views/NestedChild.vue

@@ -38,7 +38,6 @@ import {
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'NestedChild',
   components: {
     IonBackButton,
     IonButton,

packages/vue/test-app/src/views/NestedChildTwo.vue

@@ -32,7 +32,6 @@ import {
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'NestedChildTwo',
   components: {
     IonBackButton,
     IonButtons,

packages/vue/test-app/src/views/Overlays.vue

@@ -164,7 +164,6 @@ import ModalContent from '@/components/ModalContent.vue';
 import PopoverContent from '@/components/PopoverContent.vue';
 
 export default defineComponent({
-  name: 'Overlays',
   components: {
     ModalContent,
     PopoverContent,

packages/vue/test-app/src/views/RouterOutlet.vue

@@ -30,7 +30,6 @@ import {
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'RouterOutlet',
   components: {
     IonHeader,
     IonButtons,

packages/vue/test-app/src/views/Slides.vue

@@ -50,7 +50,6 @@ import {
 import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
-  name: 'Home',
   components: {
     IonBackButton,
     IonButton,

packages/vue/test-app/src/views/Tab1.vue

@@ -44,7 +44,6 @@ import { IonButtons, IonBackButton, IonPage, IonHeader, IonItem, IonLabel, IonTo
 import ExploreContainer from '@/components/ExploreContainer.vue';
 
 export default  {
-  name: 'Tab1',
   components: { IonButtons, IonBackButton, ExploreContainer, IonHeader, IonItem, IonLabel, IonToolbar, IonTitle, IonContent, IonPage }
 }
 </script>

packages/vue/test-app/src/views/Tab3.vue

@@ -22,7 +22,6 @@ import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/vue
 import ExploreContainer from '@/components/ExploreContainer.vue';
 
 export default  {
-  name: 'Tab3',
   components: { ExploreContainer, IonHeader, IonToolbar, IonTitle, IonContent, IonPage }
 }
 </script>

packages/vue/test-app/src/views/Tabs.vue

@@ -28,7 +28,6 @@ import { useRouter } from 'vue-router';
 import { ref, defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'Tabs',
   components: { IonButton, IonContent, IonLabel, IonTabs, IonTabBar, IonTabButton, IonIcon, IonPage, IonRouterOutlet },
   setup() {
     const tabs = ref([

packages/vue/test-app/src/views/TabsSecondary.vue

@@ -29,7 +29,6 @@ import { IonTabBar, IonTabButton, IonTabs, IonContent, IonLabel, IonIcon, IonPag
 import { ellipse, square, triangle } from 'ionicons/icons';
 
 export default {
-  name: 'Tabs',
   components: { IonContent, IonLabel, IonTabs, IonTabBar, IonTabButton, IonIcon, IonPage, IonRouterOutlet },
   setup() {
     return {

packages/vue/test-app/src/views/Template.vue

@@ -32,7 +32,6 @@ import {
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  name: 'Home',
   components: {
     IonBackButton,
     IonButtons,