create-vuetify 2.2.2 → 2.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/template/javascript/base/src/components/HelloWorld.vue +157 -0
- package/template/javascript/default/src/components/HelloWorld.vue +1 -1
- package/template/typescript/base/src/components/HelloWorld.vue +157 -0
- package/template/typescript/default/src/components/HelloWorld.vue +1 -1
package/README.md
CHANGED
package/dist/index.mjs
CHANGED
package/package.json
CHANGED
|
@@ -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>
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
<template #subtitle>
|
|
40
40
|
<div class="text-subtitle-1">
|
|
41
|
-
|
|
41
|
+
Change this page by updating <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>components/HelloWorld.vue</v-kbd>.
|
|
42
42
|
</div>
|
|
43
43
|
</template>
|
|
44
44
|
|
|
@@ -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>
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
<template #subtitle>
|
|
40
40
|
<div class="text-subtitle-1">
|
|
41
|
-
|
|
41
|
+
Change this page by updating <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>components/HelloWorld.vue</v-kbd>.
|
|
42
42
|
</div>
|
|
43
43
|
</template>
|
|
44
44
|
|