Skip to content

Commit 91e3ff9

Browse files
johnleiderjohnleider
committed
fix(templates): update language for HelloWorld in default install
1 parent 5fcdb16 commit 91e3ff9

File tree

4 files changed

+316
-2
lines changed

4 files changed

+316
-2
lines changed

‎template/javascript/base/src/components/HelloWorld.vue

Lines changed: 157 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
<template>
2+
<v-container class="fill-height">
3+
<v-responsive
4+
class="align-centerfill-height mx-auto"
5+
max-width="900"
6+
>
7+
<v-img
8+
class="mb-4"
9+
height="150"
10+
src="@/assets/logo.png"
11+
/>
12+
13+
<div class="text-center">
14+
<div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
15+
16+
<h1 class="text-h2 font-weight-bold">Vuetify</h1>
17+
</div>
18+
19+
<div class="py-4" />
20+
21+
<v-row>
22+
<v-col cols="12">
23+
<v-card
24+
class="py-4"
25+
color="surface-variant"
26+
image="https://cdn.vuetifyjs.com/docs/images/one/create/feature.png"
27+
prepend-icon="mdi-rocket-launch-outline"
28+
rounded="lg"
29+
variant="outlined"
30+
>
31+
<template #image>
32+
<v-img position="top right" />
33+
</template>
34+
35+
<template #title>
36+
<h2 class="text-h5 font-weight-bold">Get started</h2>
37+
</template>
38+
39+
<template #subtitle>
40+
<div class="text-subtitle-1">
41+
Replace this page by removing <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>pages/index.vue</v-kbd>.
42+
</div>
43+
</template>
44+
45+
<v-overlay
46+
opacity=".12"
47+
scrim="primary"
48+
contained
49+
model-value
50+
persistent
51+
/>
52+
</v-card>
53+
</v-col>
54+
55+
<v-col cols="6">
56+
<v-card
57+
append-icon="mdi-open-in-new"
58+
class="py-4"
59+
color="surface-variant"
60+
href="https://vuetifyjs.com/"
61+
prepend-icon="mdi-text-box-outline"
62+
rel="noopener noreferrer"
63+
rounded="lg"
64+
subtitle="Learn about all things Vuetify in our documentation."
65+
target="_blank"
66+
title="Documentation"
67+
variant="text"
68+
>
69+
<v-overlay
70+
opacity=".06"
71+
scrim="primary"
72+
contained
73+
model-value
74+
persistent
75+
/>
76+
</v-card>
77+
</v-col>
78+
79+
<v-col cols="6">
80+
<v-card
81+
append-icon="mdi-open-in-new"
82+
class="py-4"
83+
color="surface-variant"
84+
href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
85+
prepend-icon="mdi-star-circle-outline"
86+
rel="noopener noreferrer"
87+
rounded="lg"
88+
subtitle="Explore available framework Features."
89+
target="_blank"
90+
title="Features"
91+
variant="text"
92+
>
93+
<v-overlay
94+
opacity=".06"
95+
scrim="primary"
96+
contained
97+
model-value
98+
persistent
99+
/>
100+
</v-card>
101+
</v-col>
102+
103+
<v-col cols="6">
104+
<v-card
105+
append-icon="mdi-open-in-new"
106+
class="py-4"
107+
color="surface-variant"
108+
href="https://vuetifyjs.com/components/all"
109+
prepend-icon="mdi-widgets-outline"
110+
rel="noopener noreferrer"
111+
rounded="lg"
112+
subtitle="Discover components in the API Explorer."
113+
target="_blank"
114+
title="Components"
115+
variant="text"
116+
>
117+
<v-overlay
118+
opacity=".06"
119+
scrim="primary"
120+
contained
121+
model-value
122+
persistent
123+
/>
124+
</v-card>
125+
</v-col>
126+
127+
<v-col cols="6">
128+
<v-card
129+
append-icon="mdi-open-in-new"
130+
class="py-4"
131+
color="surface-variant"
132+
href="https://discord.vuetifyjs.com"
133+
prepend-icon="mdi-account-group-outline"
134+
rel="noopener noreferrer"
135+
rounded="lg"
136+
subtitle="Connect with Vuetify developers."
137+
target="_blank"
138+
title="Community"
139+
variant="text"
140+
>
141+
<v-overlay
142+
opacity=".06"
143+
scrim="primary"
144+
contained
145+
model-value
146+
persistent
147+
/>
148+
</v-card>
149+
</v-col>
150+
</v-row>
151+
</v-responsive>
152+
</v-container>
153+
</template>
154+
155+
<script setup>
156+
//
157+
</script>

‎template/javascript/default/src/components/HelloWorld.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838

3939
<template #subtitle>
4040
<div class="text-subtitle-1">
41-
Replace this page by removing <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>pages/index.vue</v-kbd>.
41+
Change this page by updating <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>components/HelloWorld.vue</v-kbd>.
4242
</div>
4343
</template>
4444

‎template/typescript/base/src/components/HelloWorld.vue

Lines changed: 157 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
<template>
2+
<v-container class="fill-height">
3+
<v-responsive
4+
class="align-centerfill-height mx-auto"
5+
max-width="900"
6+
>
7+
<v-img
8+
class="mb-4"
9+
height="150"
10+
src="@/assets/logo.png"
11+
/>
12+
13+
<div class="text-center">
14+
<div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
15+
16+
<h1 class="text-h2 font-weight-bold">Vuetify</h1>
17+
</div>
18+
19+
<div class="py-4" />
20+
21+
<v-row>
22+
<v-col cols="12">
23+
<v-card
24+
class="py-4"
25+
color="surface-variant"
26+
image="https://cdn.vuetifyjs.com/docs/images/one/create/feature.png"
27+
prepend-icon="mdi-rocket-launch-outline"
28+
rounded="lg"
29+
variant="outlined"
30+
>
31+
<template #image>
32+
<v-img position="top right" />
33+
</template>
34+
35+
<template #title>
36+
<h2 class="text-h5 font-weight-bold">Get started</h2>
37+
</template>
38+
39+
<template #subtitle>
40+
<div class="text-subtitle-1">
41+
Replace this page by removing <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>pages/index.vue</v-kbd>.
42+
</div>
43+
</template>
44+
45+
<v-overlay
46+
opacity=".12"
47+
scrim="primary"
48+
contained
49+
model-value
50+
persistent
51+
/>
52+
</v-card>
53+
</v-col>
54+
55+
<v-col cols="6">
56+
<v-card
57+
append-icon="mdi-open-in-new"
58+
class="py-4"
59+
color="surface-variant"
60+
href="https://vuetifyjs.com/"
61+
prepend-icon="mdi-text-box-outline"
62+
rel="noopener noreferrer"
63+
rounded="lg"
64+
subtitle="Learn about all things Vuetify in our documentation."
65+
target="_blank"
66+
title="Documentation"
67+
variant="text"
68+
>
69+
<v-overlay
70+
opacity=".06"
71+
scrim="primary"
72+
contained
73+
model-value
74+
persistent
75+
/>
76+
</v-card>
77+
</v-col>
78+
79+
<v-col cols="6">
80+
<v-card
81+
append-icon="mdi-open-in-new"
82+
class="py-4"
83+
color="surface-variant"
84+
href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides"
85+
prepend-icon="mdi-star-circle-outline"
86+
rel="noopener noreferrer"
87+
rounded="lg"
88+
subtitle="Explore available framework Features."
89+
target="_blank"
90+
title="Features"
91+
variant="text"
92+
>
93+
<v-overlay
94+
opacity=".06"
95+
scrim="primary"
96+
contained
97+
model-value
98+
persistent
99+
/>
100+
</v-card>
101+
</v-col>
102+
103+
<v-col cols="6">
104+
<v-card
105+
append-icon="mdi-open-in-new"
106+
class="py-4"
107+
color="surface-variant"
108+
href="https://vuetifyjs.com/components/all"
109+
prepend-icon="mdi-widgets-outline"
110+
rel="noopener noreferrer"
111+
rounded="lg"
112+
subtitle="Discover components in the API Explorer."
113+
target="_blank"
114+
title="Components"
115+
variant="text"
116+
>
117+
<v-overlay
118+
opacity=".06"
119+
scrim="primary"
120+
contained
121+
model-value
122+
persistent
123+
/>
124+
</v-card>
125+
</v-col>
126+
127+
<v-col cols="6">
128+
<v-card
129+
append-icon="mdi-open-in-new"
130+
class="py-4"
131+
color="surface-variant"
132+
href="https://discord.vuetifyjs.com"
133+
prepend-icon="mdi-account-group-outline"
134+
rel="noopener noreferrer"
135+
rounded="lg"
136+
subtitle="Connect with Vuetify developers."
137+
target="_blank"
138+
title="Community"
139+
variant="text"
140+
>
141+
<v-overlay
142+
opacity=".06"
143+
scrim="primary"
144+
contained
145+
model-value
146+
persistent
147+
/>
148+
</v-card>
149+
</v-col>
150+
</v-row>
151+
</v-responsive>
152+
</v-container>
153+
</template>
154+
155+
<script setup lang="ts">
156+
//
157+
</script>

‎template/typescript/default/src/components/HelloWorld.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838

3939
<template #subtitle>
4040
<div class="text-subtitle-1">
41-
Replace this page by removing <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>pages/index.vue</v-kbd>.
41+
Change this page by updating <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>components/HelloWorld.vue</v-kbd>.
4242
</div>
4343
</template>
4444

0 commit comments

Comments
 (0)