From b9f3aa27c97deb1594d76e625dc2029a5885daf3 Mon Sep 17 00:00:00 2001
From: Alexander Lichter <manniL@gmx.net>
Date: Tue, 21 Aug 2018 12:10:50 +0100
Subject: [PATCH] fix: update with-vuetify example (#3780)

---
 examples/with-vuetify/layouts/default.vue |  2 +-
 examples/with-vuetify/nuxt.config.js      | 18 ++++++------------
 examples/with-vuetify/pages/about.vue     |  8 ++++----
 examples/with-vuetify/pages/index.vue     |  6 +++---
 examples/with-vuetify/plugins/vuetify.js  |  2 +-
 5 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/examples/with-vuetify/layouts/default.vue b/examples/with-vuetify/layouts/default.vue
index 6278718df6..f5e19a9b66 100644
--- a/examples/with-vuetify/layouts/default.vue
+++ b/examples/with-vuetify/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <v-toolbar>
+    <v-toolbar color="primary" dark>
       <v-toolbar-side-icon @click.native.stop="drawer = !drawer" />
       <v-toolbar-title>Toolbar</v-toolbar-title>
     </v-toolbar>
diff --git a/examples/with-vuetify/nuxt.config.js b/examples/with-vuetify/nuxt.config.js
index 6164300a33..050a1d9e14 100644
--- a/examples/with-vuetify/nuxt.config.js
+++ b/examples/with-vuetify/nuxt.config.js
@@ -1,5 +1,3 @@
-import nodeExternals from 'webpack-node-externals'
-
 export default {
   /*
   ** Head elements
@@ -7,21 +5,17 @@ export default {
   */
   head: {
     link: [
-      { rel: 'stylesheet', type: 'text/css', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' }
+      {
+        rel: 'stylesheet',
+        type: 'text/css',
+        href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons'
+      }
     ]
   },
 
   build: {
     extractCSS: true,
-    extend(config, ctx) {
-      if (ctx.isServer) {
-        config.externals = [
-          nodeExternals({
-            whitelist: [/^vuetify/]
-          })
-        ]
-      }
-    }
+    transpile: [/^vuetify/]
   },
   /*
   ** Load Vuetify into the app
diff --git a/examples/with-vuetify/pages/about.vue b/examples/with-vuetify/pages/about.vue
index fcc0238be2..cff3077329 100644
--- a/examples/with-vuetify/pages/about.vue
+++ b/examples/with-vuetify/pages/about.vue
@@ -8,10 +8,10 @@
 export default {
   data: () => ({
     images: [
-      'https://vuetifyjs.com/static/doc-images/carousel/squirrel.jpg',
-      'https://vuetifyjs.com/static/doc-images/carousel/sky.jpg',
-      'https://vuetifyjs.com/static/doc-images/carousel/bird.jpg',
-      'https://vuetifyjs.com/static/doc-images/carousel/planet.jpg'
+      'https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg',
+      'https://cdn.vuetifyjs.com/images/carousel/sky.jpg',
+      'https://cdn.vuetifyjs.com/images/carousel/bird.jpg',
+      'https://cdn.vuetifyjs.com/images/carousel/planet.jpg'
     ]
   })
 }
diff --git a/examples/with-vuetify/pages/index.vue b/examples/with-vuetify/pages/index.vue
index 210a9a6ee5..d89fa90086 100644
--- a/examples/with-vuetify/pages/index.vue
+++ b/examples/with-vuetify/pages/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="title">
     <h2>Main content</h2>
-    <v-btn primary>Primary button</v-btn>
-    <v-btn secondary>Secondary button</v-btn>
-    <v-btn success>Success button</v-btn>
+    <v-btn color="primary">Primary button</v-btn>
+    <v-btn color="secondary">Secondary button</v-btn>
+    <v-btn color="success">Success button</v-btn>
   </div>
 </template>
diff --git a/examples/with-vuetify/plugins/vuetify.js b/examples/with-vuetify/plugins/vuetify.js
index fd411f09d8..351cf071b1 100644
--- a/examples/with-vuetify/plugins/vuetify.js
+++ b/examples/with-vuetify/plugins/vuetify.js
@@ -8,7 +8,7 @@ import colors from 'vuetify/es5/util/colors'
 
 Vue.use(Vuetify, {
   theme: {
-    primary: '#121212', // a color that is not in the material colors palette
+    primary: '#9c27b0', // a color that is not in the material colors palette
     accent: colors.grey.darken3,
     secondary: colors.amber.darken3,
     info: colors.teal.lighten1,