fix: transpile vuetify if not already defined in vue.config.js

automated support for edge/ie11

Author: johnleider

index.js

@@ -1,3 +1,9 @@
+const path = require('path')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
 module.exports = (api) => {
   const hasVuetifyLoader = Boolean(
     api.service.pkg.devDependencies['vuetify-loader'] ||
@@ -7,6 +13,19 @@ module.exports = (api) => {
   if (hasVuetifyLoader) {
     const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
 
+    // As the vuetify-loader automatically imports the necessary Vuetify components they are not found and
+    // transpiled by Babel. Add Vuetify explicitly as a module to be transpiled.
+    if (opts.transpileDependencies.indexOf('vuetify') === -1) {
+      api.chainWebpack(config => {
+        config.module
+          .rule('js')
+            .test(/\.m?jsx?$/)
+            .include
+            .add(resolve('vuetify'))
+            .end()
+      })
+    }
+
     api.chainWebpack(config => {
       config.plugin('VuetifyLoaderPlugin')
         .use(VuetifyLoaderPlugin)