feat: Finalize auto-import feature

Author: rstoenescu

index.js

@@ -1,3 +1,5 @@
+const path = require('path')
+
 module.exports = (api, options) => {
   if (options.pluginOptions.quasar.rtlSupport) {
     process.env.QUASAR_RTL = true
@@ -23,5 +25,15 @@ module.exports = (api, options) => {
       )
 
     chain.performance.maxEntrypointSize(512000)
+
+    const strategy = options.pluginOptions.quasar.importStrategy
+
+    if (['kebab', 'pascal', 'combined'].includes(strategy)) {
+      chain.module.rule('vue')
+        .use('quasar-auto-import')
+        .loader(path.join(__dirname, 'lib/loader.auto-import.js'))
+        .options(strategy)
+        .before('cache-loader')
+    }
   })
 }

lib/auto-import.js lib/loader.auto-import.jslib/auto-import.js renamed to lib/loader.auto-import.js

@@ -1,4 +1,10 @@
-const getDevlandFile = require('../helpers/get-devland-file')
+function getDevlandFile (name) {
+  return require(
+    require.resolve(name, {
+      paths: [ __dirname ]
+    })
+  )
+}
 
 const data = getDevlandFile('quasar/dist/babel-transforms/auto-import.json')
 

prompts.js

@@ -14,13 +14,13 @@ module.exports = [
     message: 'Pick a Quasar components & directives import strategy: (can be changed later)',
     choices: [
       {
-        name: '* Auto-import in-use Quasar components & directives\n    - slightly higher compile time; next to minimum bundle size; most convenient',
-        value: '\'auto\'',
-        short: 'Auto import',
+        name: '* Auto-import in-use Quasar components & directives (kebab-case, can be later changed to \'pascal\' or \'combined\')',
+        value: 'kebab',
+        short: 'Auto import (kebab-case)',
         checked: true
       },
       {
-        name: '* Manually specify what to import\n    - fastest compile time; minimum bundle size; most tedious',
+        name: '* Manually specify what to import',
         value: '\'manual\'',
         short: 'Manual'
       }