Skip to content

Instantly share code, notes, and snippets.

@willmitchell
Created September 18, 2017 20:24
Show Gist options
  • Save willmitchell/eb76c46ad74dc0dbda766fa9cc2e520f to your computer and use it in GitHub Desktop.
Save willmitchell/eb76c46ad74dc0dbda766fa9cc2e520f to your computer and use it in GitHub Desktop.
sample gist with vuetify and nuxt
<template>
<v-layout column justify-center align-center>
<v-flex xs12 sm8 md6>
<div class="text-xs-center">
<img src="/v.png" alt="Vuetify.js" class="mb-5" />
</div>
<v-card>
<v-card-title class="headline">Welcome to the Vuetify + Nuxt.js template</v-card-title>
<v-card-text>
<p>Vuetify is a progressive Material Design component framework for Vue.js. It was designed to empower developers to create amazing applications.</p>
<p>For more information on Vuetify, check out the <a href="https://vuetifyjs.com" target="_blank">documentation</a>.</p>
<p>If you have questions, please join the official <a href="https://chat.vuetifyjs.com/" target="_blank" title="chat">discord</a>.</p>
<p>Find a bug? Report it on the github <a href="https://github.com/vuetifyjs/vuetify/issues" target="_blank" title="contribute">issue board</a>.</p>
<p>Thank you for developing with Vuetify and I look forward to bringing more exciting features in the future.</p>
<div class="text-xs-right">
<em><small>&mdash; John Leider</small></em>
</div>
<hr class="my-3">
<a href="https://nuxtjs.org/" target="_blank">Nuxt Documentation</a>
<br>
<a href="https://github.com/nuxt/nuxt.js" target="_blank">Nuxt GitHub</a>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn primary flat nuxt to="/inspire">Continue</v-btn>
</v-card-actions>
</v-card>
</v-flex>
</v-layout>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment