Merge pull request #384 from bratberg/master

Add Vuetify.js example

examples/with-vuetify/README.md

@@ -0,0 +1,4 @@
+# Using Vuetify.js with Nuxt.js
+
+https://nuxtjs.org/examples/with-vuetify
+https://vuetifyjs.com/

examples/with-vuetify/layouts/default.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <nuxt/>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  </div>
+</template>

examples/with-vuetify/nuxt.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  build: {
+    vendor: ['vuetify']
+  },
+  plugins: ['~plugins/vuetify.js'],
+  css: ['vuetify/dist/vuetify.min.css']
+}

examples/with-vuetify/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "with-vuetify",
+  "dependencies": {
+    "nuxt": "latest",
+    "vuetify": "^0.9.1"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}

examples/with-vuetify/pages/index.vue

@@ -0,0 +1,40 @@
+<template>
+  <v-app top-toolbar left-fixed-sidebar>
+    <v-toolbar>
+      <v-toolbar-side-icon @click.native.stop="sidebar = !sidebar" />
+      <v-toolbar-logo>Toolbar</v-toolbar-logo>
+    </v-toolbar>
+    <main>
+      <v-sidebar left fixed drawer v-model="sidebar">
+        <v-list>
+          <v-list-item v-for="i in 3">
+            <v-list-tile>
+              <v-list-tile-title>Item {{ i }}</v-list-tile-title>
+            </v-list-tile>
+          </v-list-item>
+        </v-list>
+      </v-sidebar>
+      <v-content>
+        <v-container fluid>
+          <div class="title">Main Content</div>
+        </v-container>
+      </v-content>
+    </main>
+  </v-app>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        sidebar: false
+      }
+    }
+  }
+</script>
+
+<style>
+  .title {
+    padding-left: 20px;
+  }
+</style>

examples/with-vuetify/plugins/vuetify.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+
+Vue.use(Vuetify)