feat: add nuxt build indicator to whitelist in dev mode (#85)

Developmint · Apr 29, 2020 · c123fef · c123fef
1 parent 9345ebf
commit c123fef
Showing 1 changed file with 37 additions and 29 deletions.
diff --git a/lib/utils.js b/lib/utils.js
@@ -5,33 +5,41 @@ const MODES = {
 
 module.exports = {
   MODES,
-  getDefaults: options => ({
-    mode: MODES.postcss,
-    enabled: options.dev === false,
-    paths: [
-      'components/**/*.vue',
-      'layouts/**/*.vue',
-      'pages/**/*.vue',
-      'plugins/**/*.js',
-      'nuxt.config.js'
-    ],
-    styleExtensions: ['.css'],
-    whitelist: ['body', 'html', 'nuxt-progress', '__nuxt', '__layout'],
-    whitelistPatterns: [
-      /-(leave|enter|appear)(|-(to|from|active))$/, // Normal transitions
-      /^nuxt-link(|-exact)-active$/, // Nuxt link classes
-      /^(?!cursor-move).+-move$/, // Move transitions
-      /data-v-.*/ // Keep scoped styles
-    ],
-    whitelistPatternsChildren: [],
-    extractors: [
-      {
-        extractor: (content) => {
-          const contentWithoutStyleBlocks = content.replace(/<style[^]+?<\/style>/gi, '') // Remove inline vue styles
-          return contentWithoutStyleBlocks.match(/[\w-.:/]+(?<!:)/g) || []
-        },
-        extensions: ['html', 'vue', 'js']
-      }
-    ]
-  })
+  getDefaults (options) {
+    const defaults = {
+      mode: MODES.postcss,
+      enabled: options.dev === false,
+      paths: [
+        'components/**/*.vue',
+        'layouts/**/*.vue',
+        'pages/**/*.vue',
+        'plugins/**/*.js',
+        'nuxt.config.js'
+      ],
+      styleExtensions: ['.css'],
+      whitelist: ['body', 'html', 'nuxt-progress', '__nuxt', '__layout'],
+      whitelistPatterns: [
+        /-(leave|enter|appear)(|-(to|from|active))$/, // Normal transitions
+        /^nuxt-link(|-exact)-active$/, // Nuxt link classes
+        /^(?!cursor-move).+-move$/, // Move transitions
+        /data-v-.*/ // Keep scoped styles
+      ],
+      whitelistPatternsChildren: [],
+      extractors: [
+        {
+          extractor: (content) => {
+            const contentWithoutStyleBlocks = content.replace(/<style[^]+?<\/style>/gi, '') // Remove inline vue styles
+            return contentWithoutStyleBlocks.match(/[\w-.:/]+(?<!:)/g) || []
+          },
+          extensions: ['html', 'vue', 'js']
+        }
+      ]
+    }
+
+    if (options.dev) {
+      defaults.whitelist.push('nuxt__build_indicator')
+    }
+
+    return defaults
+  }
 }