vue-art-e4n 0.0.1

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.
@@ -0,0 +1,88 @@
1
+ <template>
2
+ <v-container class="fill-height" max-width="900">
3
+ <E4N style="position: absolute; top: 0" />
4
+ <div>
5
+ <v-img class="mb-4" height="150" src="@/assets/logo.png" />
6
+ <div class="mb-8 text-center">
7
+ <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
8
+ <h1 class="text-h2 font-weight-bold">Vuetify</h1>
9
+ <h2 class="text-h6 font-weight-bold">(Powered by Vue-Art CLI 🚀)</h2>
10
+ </div>
11
+
12
+ <v-row>
13
+ <v-col cols="12">
14
+ <v-card
15
+ class="py-4"
16
+ color="surface-variant"
17
+ image="https://cdn.vuetifyjs.com/docs/images/one/create/feature.png"
18
+ prepend-icon="mdi-rocket-launch-outline"
19
+ rounded="lg"
20
+ variant="tonal"
21
+ >
22
+ <template #image>
23
+ <v-img position="top right" />
24
+ </template>
25
+
26
+ <template #title>
27
+ <h2 class="text-h5 font-weight-bold">Get started</h2>
28
+ </template>
29
+
30
+ <template #subtitle>
31
+ <div class="text-subtitle-1">
32
+ Change this page by updating
33
+ <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in
34
+ <v-kbd>components/HelloWorld.vue</v-kbd>.
35
+ </div>
36
+ </template>
37
+ </v-card>
38
+ </v-col>
39
+
40
+ <v-col v-for="link in links" :key="link.href" cols="6">
41
+ <v-card
42
+ append-icon="mdi-open-in-new"
43
+ class="py-4"
44
+ color="surface-variant"
45
+ :href="link.href"
46
+ :prepend-icon="link.icon"
47
+ rel="noopener noreferrer"
48
+ rounded="lg"
49
+ :subtitle="link.subtitle"
50
+ target="_blank"
51
+ :title="link.title"
52
+ variant="tonal"
53
+ />
54
+ </v-col>
55
+ </v-row>
56
+ </div>
57
+ </v-container>
58
+ </template>
59
+
60
+ <script setup>
61
+ import E4N from "../assets/E4N.vue";
62
+ const links = [
63
+ {
64
+ href: "https://vuetifyjs.com/",
65
+ icon: "mdi-text-box-outline",
66
+ subtitle: "Learn about all things Vuetify in our documentation.",
67
+ title: "Documentation",
68
+ },
69
+ {
70
+ href: "https://vuetifyjs.com/introduction/why-vuetify/#feature-guides",
71
+ icon: "mdi-star-circle-outline",
72
+ subtitle: "Explore available framework Features.",
73
+ title: "Features",
74
+ },
75
+ {
76
+ href: "https://vuetifyjs.com/components/all",
77
+ icon: "mdi-widgets-outline",
78
+ subtitle: "Discover components in the API Explorer.",
79
+ title: "Components",
80
+ },
81
+ {
82
+ href: "https://discord.vuetifyjs.com",
83
+ icon: "mdi-account-group-outline",
84
+ subtitle: "Connect with Vuetify developers.",
85
+ title: "Community",
86
+ },
87
+ ];
88
+ </script>
@@ -0,0 +1,69 @@
1
+ <template>
2
+ <svg
3
+ width="120"
4
+ height="120"
5
+ viewBox="0 0 450 450"
6
+ fill="none"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ >
9
+ <line
10
+ x1="67"
11
+ y1="208.78"
12
+ x2="134"
13
+ y2="208.78"
14
+ stroke="blue"
15
+ stroke-width="8"
16
+ />
17
+ <line
18
+ x1="67"
19
+ y1="254.78"
20
+ x2="134"
21
+ y2="254.78"
22
+ stroke="blue"
23
+ stroke-width="8"
24
+ />
25
+ <line
26
+ x1="67"
27
+ y1="302.78"
28
+ x2="134"
29
+ y2="302.78"
30
+ stroke="blue"
31
+ stroke-width="8"
32
+ />
33
+ <line
34
+ x1="187"
35
+ y1="273.78"
36
+ x2="274"
37
+ y2="273.78"
38
+ stroke="blue"
39
+ stroke-width="8"
40
+ />
41
+ <line
42
+ x1="247.758"
43
+ y1="304.78"
44
+ x2="247.758"
45
+ y2="246.78"
46
+ stroke="blue"
47
+ stroke-width="8"
48
+ />
49
+ <line
50
+ x1="336"
51
+ y1="304.78"
52
+ x2="336"
53
+ y2="203.78"
54
+ stroke="blue"
55
+ stroke-width="8"
56
+ />
57
+ <path d="M411 303.78L411 202.78" stroke="blue" stroke-width="8" />
58
+ <path
59
+ d="M239.242 204.28L248.968 204.28L197.756 269.28L188.03 269.281L239.242 204.28Z"
60
+ fill="blue"
61
+ stroke="blue"
62
+ />
63
+ <path
64
+ d="M406.5 292.948L406.5 302.299L340.499 215.611L340.5 205.274L406.5 292.948Z"
65
+ fill="blue"
66
+ stroke="blue"
67
+ />
68
+ </svg>
69
+ </template>