Skip to content

Commit 2229c24

Browse files
brandyscarneybrandyscarney
authored
test(vue): improve test app (#30610)
Co-authored-by: Brandy Smith <[email protected]>
1 parent a6b19f4 commit 2229c24

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+198
-420
lines changed

‎packages/vue/test/base/index.html

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,17 @@
1414
<meta name="format-detection" content="telephone=no" />
1515
<meta name="msapplication-tap-highlight" content="no" />
1616

17-
<link rel="shortcut icon" type="image/png" href="/assets/icon/favicon.png" />
17+
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
1818

1919
<!-- add to homescreen for ios -->
20-
<meta name="apple-mobile-web-app-capable" content="yes" />
20+
<meta name="mobile-web-app-capable" content="yes" />
2121
<meta name="apple-mobile-web-app-title" content="Ionic App" />
2222
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
23-
24-
<script type="module" src="/src/main.ts"></script>
2523
</head>
2624

2725
<body>
2826
<div id="app"></div>
27+
<script type="module" src="/src/main.ts"></script>
2928
</body>
3029

3130
</html>

‎packages/vue/test/base/public/favicon.png

930 Bytes
Loading

‎packages/vue/test/base/src/components/ModalContent.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<ion-page>
33
<ion-header>
44
<ion-toolbar>
5-
<ion-buttons>
5+
<ion-buttons slot="end">
66
<ion-button @click="dismiss" id="dismiss">Dismiss</ion-button>
77
</ion-buttons>
88
<ion-title>Modal</ion-title>

‎packages/vue/test/base/src/components/NavChild.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<ion-header>
33
<ion-toolbar>
4-
<ion-buttons>
4+
<ion-buttons slot="start">
55
<ion-back-button></ion-back-button>
66
</ion-buttons>
77
<ion-title>Nav - Child</ion-title>

‎packages/vue/test/base/src/components/NavRoot.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<ion-header>
33
<ion-toolbar>
4-
<ion-buttons>
4+
<ion-buttons slot="end">
55
<ion-button @click="dismiss">Dismiss</ion-button>
66
</ion-buttons>
77
<ion-title>Nav - Root</ion-title>

‎packages/vue/test/base/src/main.ts

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,17 @@ import '@ionic/vue/css/text-transformation.css';
2020
import '@ionic/vue/css/flex-utils.css';
2121
import '@ionic/vue/css/display.css';
2222

23+
/**
24+
* Ionic Dark Mode
25+
* -----------------------------------------------------
26+
* For more info, please see:
27+
* https://ionicframework.com/docs/theming/dark-mode
28+
*/
29+
30+
/* @import '@ionic/vue/css/palettes/dark.always.css'; */
31+
/* @import '@ionic/vue/css/palettes/dark.class.css'; */
32+
import '@ionic/vue/css/palettes/dark.system.css';
33+
2334
/* Theme variables */
2435
import './theme/variables.css';
2536

‎packages/vue/test/base/src/router/index.ts

Lines changed: 14 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -70,10 +70,6 @@ const routes: Array<RouteRecordRaw> = [
7070
path: '/navigation',
7171
component: () => import('@/views/Navigation.vue')
7272
},
73-
{
74-
path: '/components',
75-
component: () => import('@/views/Components.vue'),
76-
},
7773
{
7874
path: '/components/breadcrumbs',
7975
component: () => import('@/views/Breadcrumbs.vue')
@@ -92,76 +88,76 @@ const routes: Array<RouteRecordRaw> = [
9288
},
9389
{
9490
path: '/nested',
95-
component: () => import('@/views/RouterOutlet.vue'),
91+
component: () => import('@/views/nested/RouterOutlet.vue'),
9692
children: [
9793
{
9894
path: '',
99-
component: () => import('@/views/NestedChild.vue')
95+
component: () => import('@/views/nested/NestedChild.vue')
10096
},
10197
{
10298
path: 'two',
103-
component: () => import('@/views/NestedChildTwo.vue')
99+
component: () => import('@/views/nested/NestedChildTwo.vue')
104100
},
105101
{
106102
path: ':id',
107-
component: () => import('@/views/Folder.vue'),
103+
component: () => import('@/views/nested/Folder.vue'),
108104
props: true
109105
}
110106
]
111107
},
112108
{
113109
path: '/tabs/',
114-
component: () => import('@/views/Tabs.vue'),
110+
component: () => import('@/views/tabs/Tabs.vue'),
115111
children: [
116112
{
117113
path: '',
118114
redirect: '/tabs/tab1'
119115
},
120116
{
121117
path: 'tab1',
122-
component: () => import('@/views/Tab1.vue'),
118+
component: () => import('@/views/tabs/Tab1.vue'),
123119
},
124120
{
125121
path: 'tab1/:id',
126-
component: () => import('@/views/Tab1Parameter.vue'),
122+
component: () => import('@/views/tabs/Tab1Parameter.vue'),
127123
props: true
128124
},
129125
{
130126
path: 'tab2',
131-
component: () => import('@/views/Tab2.vue')
127+
component: () => import('@/views/tabs/Tab2.vue')
132128
},
133129
{
134130
path: 'tab3',
135131
beforeEnter: (to, from, next) => {
136132
next({ path: '/tabs/tab1' });
137133
},
138-
component: () => import('@/views/Tab3.vue')
134+
component: () => import('@/views/tabs/Tab3.vue')
139135
},
140136
{
141137
path: 'tab4',
142-
component: () => import('@/views/Tab4.vue')
138+
component: () => import('@/views/tabs/Tab4.vue')
143139
}
144140
]
145141
},
146142
{
147143
path: '/tabs-secondary/',
148-
component: () => import('@/views/TabsSecondary.vue'),
144+
component: () => import('@/views/tabs-secondary/TabsSecondary.vue'),
149145
children: [
150146
{
151147
path: '',
152148
redirect: '/tabs-secondary/tab1'
153149
},
154150
{
155151
path: 'tab1',
156-
component: () => import('@/views/Tab1Secondary.vue')
152+
component: () => import('@/views/tabs-secondary/Tab1Secondary.vue')
157153
},
158154
{
159155
path: 'tab2',
160-
component: () => import('@/views/Tab2Secondary.vue')
156+
component: () => import('@/views/tabs-secondary/Tab2Secondary.vue')
161157
},
162158
{
163159
path: 'tab3',
164-
component: () => import('@/views/Tab3Secondary.vue')
160+
component: () => import('@/views/tabs-secondary/Tab3Secondary.vue')
165161
}
166162
]
167163
},

0 commit comments

Comments
 (0)