diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/HelloWorld.vue | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue new file mode 100644 index 0000000..2927e27 --- /dev/null +++ b/src/components/HelloWorld.vue @@ -0,0 +1,75 @@ +<template> + <v-container class="fill-height"> + <v-responsive class="align-center text-center fill-height"> + <v-img height="300" src="@/assets/logo.svg" /> + + <div class="text-body-2 font-weight-light mb-n1">Welcome to</div> + + <h1 class="text-h2 font-weight-bold">Vuetify</h1> + + <div class="py-14" /> + + <v-row class="d-flex align-center justify-center"> + <v-col cols="auto"> + <v-btn + href="https://vuetifyjs.com/components/all/" + min-width="164" + rel="noopener noreferrer" + target="_blank" + variant="text" + > + <v-icon + icon="mdi-view-dashboard" + size="large" + start + /> + + Components + </v-btn> + </v-col> + + <v-col cols="auto"> + <v-btn + color="primary" + href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides" + min-width="228" + rel="noopener noreferrer" + size="x-large" + target="_blank" + variant="flat" + > + <v-icon + icon="mdi-speedometer" + size="large" + start + /> + + Get Started + </v-btn> + </v-col> + + <v-col cols="auto"> + <v-btn + href="https://community.vuetifyjs.com/" + min-width="164" + rel="noopener noreferrer" + target="_blank" + variant="text" + > + <v-icon + icon="mdi-account-group" + size="large" + start + /> + + Community + </v-btn> + </v-col> + </v-row> + </v-responsive> + </v-container> +</template> + +<script lang="ts" setup> + // +</script> |