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/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,20 @@
+<template>
+  <v-app top-toolbar footer>
+    <v-toolbar>
+      <v-toolbar-title>Toolbar</v-toolbar-title>
+    </v-toolbar>
+    <main>
+      <v-content>
+        <v-container fluid>
+          <div class="title">Main Content</div>
+        </v-container>
+      </v-content>
+    </main>
+  </v-app>
+</template>
+
+<style>
+  .title {
+    padding-left: 14px;
+  }
+</style>

examples/with-vuetify/plugins/vuetify.js

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