johnleider

# Fork vuetify https://github.com/vuetifyjs/vuetify
git clone your-fork
cd vuetify
git checkout feat/docs-next
yarn
yarn build
lerna run dev --scope vuetifyjs.com --stream

johnleider

[user]
        email = [email protected]
        name = John Smith
[push]
        default = simple
[alias]
        co = checkout
        ci = commit
        czp = cz && git pu
        st = status

johnleider

<template>
  <v-card class="mx-auto" max-width="500">
    <v-img src="https://www.copimera.co/i/2019/01/ottoman-storage-ana-ideas-tufted-plans-wood-outdoor-settee-indoor-outside-diy-bedroom-garden-gray-stunning-bench-leather-seat-modern-design-woodworking-white-shoe-sears-930x535.jpg">

    </v-img>
    <v-card-title>
      <div class="display-1 mb-2">Welcome Home...</div>
      <div class="title font-weight-regular grey--text">Monday, 12:30 PM, Mostly Sunny</div>
    </v-card-title>
    <v-layout align-center px-3 grey--text>

johnleider

vue create my-app --preset vuetifyjs/vue-cli-preset-vuetify

johnleider

<template>
  <v-toolbar
    app
    color="white"
    prominent
  >
    <v-toolbar-title>App</v-toolbar-title>
  </v-toolbar>
</template>

johnleider

<template>
  <v-app>
    <core-toolbar />
    
    <router-view />
  </v-app>
</template>

<script>
  import CoreToolbar from '@/components/core/Toolbar'

johnleider

<template>
  <v-content>
    <v-container>
      <router-view />
    </v-container>
  </v-content>
</template>

johnleider

// src/plugins/base.js
import Vue from 'vue'
import BaseCard from '@/components/base/Card'

Vue.component('base-card', BaseCard)

johnleider

<template>
  <div>
    <v-card
      class="mb-2"
      height="300"
    />

    <h2 class="title mb-2">
      I'm a text title
    </h2>

johnleider

// src/main.js
import Vue from 'vue'
import './plugins/base'
import './plugins/vuetify'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false