123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151 |
- <template>
- <v-container>
- <v-row class="text-center">
- <v-col cols="12">
- <v-img
- :src="require('../assets/logo.svg')"
- class="my-3"
- contain
- height="200"
- />
- </v-col>
-
- <v-col class="mb-4">
- <h1 class="display-2 font-weight-bold mb-3">
- Welcome to Vuetify
- </h1>
-
- <p class="subheading font-weight-regular">
- For help and collaboration with other Vuetify developers,
- <br>please join our online
- <a
- href="https://community.vuetifyjs.com"
- target="_blank"
- >Discord Community</a>
- </p>
- </v-col>
-
- <v-col
- class="mb-5"
- cols="12"
- >
- <h2 class="headline font-weight-bold mb-3">
- What's next?
- </h2>
-
- <v-row justify="center">
- <a
- v-for="(next, i) in whatsNext"
- :key="i"
- :href="next.href"
- class="subheading mx-3"
- target="_blank"
- >
- {{ next.text }}
- </a>
- </v-row>
- </v-col>
-
- <v-col
- class="mb-5"
- cols="12"
- >
- <h2 class="headline font-weight-bold mb-3">
- Important Links
- </h2>
-
- <v-row justify="center">
- <a
- v-for="(link, i) in importantLinks"
- :key="i"
- :href="link.href"
- class="subheading mx-3"
- target="_blank"
- >
- {{ link.text }}
- </a>
- </v-row>
- </v-col>
-
- <v-col
- class="mb-5"
- cols="12"
- >
- <h2 class="headline font-weight-bold mb-3">
- Ecosystem
- </h2>
-
- <v-row justify="center">
- <a
- v-for="(eco, i) in ecosystem"
- :key="i"
- :href="eco.href"
- class="subheading mx-3"
- target="_blank"
- >
- {{ eco.text }}
- </a>
- </v-row>
- </v-col>
- </v-row>
- </v-container>
- </template>
-
- <script>
- export default {
- name: 'HelloWorld',
-
- data: () => ({
- ecosystem: [
- {
- text: 'vuetify-loader',
- href: 'https://github.com/vuetifyjs/vuetify-loader',
- },
- {
- text: 'github',
- href: 'https://github.com/vuetifyjs/vuetify',
- },
- {
- text: 'awesome-vuetify',
- href: 'https://github.com/vuetifyjs/awesome-vuetify',
- },
- ],
- importantLinks: [
- {
- text: 'Documentation',
- href: 'https://vuetifyjs.com',
- },
- {
- text: 'Chat',
- href: 'https://community.vuetifyjs.com',
- },
- {
- text: 'Made with Vuetify',
- href: 'https://madewithvuejs.com/vuetify',
- },
- {
- text: 'Twitter',
- href: 'https://twitter.com/vuetifyjs',
- },
- {
- text: 'Articles',
- href: 'https://medium.com/vuetify',
- },
- ],
- whatsNext: [
- {
- text: 'Explore components',
- href: 'https://vuetifyjs.com/components/api-explorer',
- },
- {
- text: 'Select a layout',
- href: 'https://vuetifyjs.com/layout/pre-defined',
- },
- {
- text: 'Frequently Asked Questions',
- href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions',
- },
- ],
- }),
- }
- </script>
|