diff --git a/examples/storybook/nuxt.config.js b/examples/storybook/nuxt.config.js
index b54202b6a6..24a6bfbb03 100644
--- a/examples/storybook/nuxt.config.js
+++ b/examples/storybook/nuxt.config.js
@@ -1,6 +1,6 @@
-import pkg from './package'
+const pkg = require('./package')
 
-export default {
+module.exports = {
   mode: 'universal',
 
   /*
diff --git a/examples/storybook/package.json b/examples/storybook/package.json
index 8f12175b4a..2d3425a9b2 100644
--- a/examples/storybook/package.json
+++ b/examples/storybook/package.json
@@ -15,18 +15,19 @@
     "chart.js": "^2.7.1",
     "nuxt-edge": "latest",
     "vue-chartjs": "^3.1.1",
-    "vuetify": "1.0.0-beta.5"
+    "vuetify": "1.2.6"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.4.0-alpha.7",
-    "@storybook/addon-centered": "^3.4.0-alpha.7",
-    "@storybook/addon-knobs": "^3.4.0-alpha.7",
-    "@storybook/addon-links": "^3.4.0-alpha.7",
-    "@storybook/addon-notes": "^3.4.0-alpha.7",
-    "@storybook/addon-storyshots": "^3.4.0-alpha.7",
-    "@storybook/addon-viewport": "^3.4.0-alpha.7",
-    "@storybook/addons": "^3.4.0-alpha.7",
-    "@storybook/vue": "^3.4.0-alpha.7",
+    "@storybook/addon-actions": "^4.0.0-alpha.24",
+    "@storybook/addon-centered": "^4.0.0-alpha.24",
+    "@storybook/addon-knobs": "^4.0.0-alpha.24",
+    "@storybook/addon-links": "^4.0.0-alpha.24",
+    "@storybook/addon-notes": "^4.0.0-alpha.24",
+    "@storybook/addon-storyshots": "^4.0.0-alpha.24",
+    "@storybook/addon-viewport": "^4.0.0-alpha.24",
+    "@storybook/addons": "^4.0.0-alpha.24",
+    "@storybook/vue": "^4.0.0-alpha.24",
+    "babel-preset-vue": "^2.0.2",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1"
   }