One step after another

assets/app.js

@@ -12,6 +12,7 @@ import { sync } from 'vuex-router-sync'
 import {
   Vuetify,
   VApp,
+  VGrid,
   VSelect,
   VMenu,
   VList,
@@ -28,11 +29,14 @@ import {
   VTextField
 } from 'vuetify'
 
+import { Tooltip, Ripple } from 'vuetify/src/directives'
+
 Vue.use(Vuetify, {
   components: {
     VApp,
     VSelect,
     VMenu,
+    VGrid,
     VList,
     VNavigationDrawer,
     VToolbar,
@@ -45,6 +49,10 @@ Vue.use(Vuetify, {
     VCard,
     VDialog,
     VTextField
+  },
+  directives: {
+    Tooltip,
+    Ripple
   }
 })
 Vue.use(VueClipboards)

package.json

@@ -58,7 +58,7 @@
     "vue-loader": "^13.0.4",
     "vue-router": "^2.7.0",
     "vue-server-renderer": "^2.4.2",
-    "vuetify": "^0.15.0-beta.4",
+    "vuetify": "^0.15.1",
     "vuex": "^2.3.1",
     "vuex-router-sync": "^4.1.2"
   },

webpack/webpack.base.config.js

@@ -52,7 +52,6 @@ module.exports = {
       {
         test: /\.js$/,
         loader: 'babel-loader',
-        exclude: /node_modules/,
         include: [
           resolve('components/_index.js'),
           resolve('mixins'),

webpack/webpack.server.config.js

@@ -16,7 +16,7 @@ module.exports = merge(base, {
   // https://github.com/liady/webpack-node-externals
   externals: nodeExternals({
     // do not externalize CSS files in case we need to import it from a dep
-    whitelist: /\.css$/
+    whitelist: [/\.css$/, /vuetify/]
   }),
   plugins: [
     new webpack.DefinePlugin({