feat: vuetifyOptions through options file (#86)

Author: kevinmarrec

.eslintignore

@@ -5,4 +5,4 @@ dist
 coverage
 
 # Plugin
-lib/plugin.js
+lib/templates

jest.config.js

@@ -3,6 +3,6 @@ module.exports = {
   collectCoverage: true,
   collectCoverageFrom: [
     'lib/**/*.js',
-    '!lib/plugin.js'
+    '!lib/templates/**'
   ]
 }

lib/module.js

@@ -1,4 +1,5 @@
 const path = require('path')
+const fs = require('fs')
 const merge = require('deepmerge')
 
 const defaults = {
@@ -100,10 +101,20 @@ module.exports = function (moduleOptions) {
     delete vuetifyOptions.defaultAssets
     delete vuetifyOptions.treeShake
 
+    const app = this.options.dir.app || 'app'
+    const userOptions = path.join(this.options.srcDir, app, 'vuetify', 'options.js')
+    const userOptionsExists = fs.existsSync(userOptions)
+
+    this.addTemplate({
+      fileName: 'vuetify/options.js',
+      src: userOptionsExists ? userOptions : path.join(__dirname, 'templates/options.js'),
+      options: vuetifyOptions
+    })
+
     // Register plugin
     this.addPlugin({
-      src: path.resolve(__dirname, 'plugin.js'),
-      fileName: 'vuetify.js',
+      fileName: 'vuetify/plugin.js',
+      src: path.resolve(__dirname, 'templates/plugin.js'),
       options: {
         defaultIconPreset,
         treeShake: options.treeShake,

lib/templates/options.js

@@ -0,0 +1 @@
+export default <%= serializeFunction(options) %>

lib/plugin.js renamed to lib/templates/plugin.js

@@ -1,10 +1,9 @@
 import Vue from 'vue'
 import Vuetify from '<%= options.treeShake ? 'vuetify/lib' : 'vuetify' %>'
+import options from './options'
 
 Vue.use(Vuetify)
 
-const options = <%= serializeFunction(options.vuetifyOptions) %>
-
 <% if (options.defaultIconPreset) { %>
 options.icons = options.icons || {}
 options.icons.iconfont = '<%= options.defaultIconPreset %>'

test/fixture/app/vuetify/options.js

@@ -0,0 +1,12 @@
+import colors from 'vuetify/es5/util/colors'
+
+export default {
+  theme: {
+    dark: true,
+    themes: {
+      dark: {
+        primary: colors.red.base
+      }
+    }
+  }
+}

test/fixture/nuxt.config.js

@@ -1,5 +1,4 @@
 const { resolve } = require('path')
-const colors = require('vuetify/es5/util/colors').default
 
 module.exports = {
   rootDir: resolve(__dirname, '../..'),
@@ -11,18 +10,10 @@ module.exports = {
   },
 
   modules: [
-    require('../..')
-  ],
-
-  vuetify: {
-    customVariables: ['~/assets/variables.scss'],
-    theme: {
-      dark: true,
-      themes: {
-        dark: {
-          primary: colors.red
-        }
+    [
+      require('../..'), {
+        customVariables: ['~/assets/variables.scss']
       }
-    }
-  }
+    ]
+  ]
 }