fix: allow user to override critters options (#15)

* feat: support passing in critters options
* fix: use `defaults`

README.md

@@ -40,6 +40,22 @@ Nuxt has a number of ways to optimize your CSS in production:
 2. 📦 You can enable [`purgecss`](https://github.com/Developmint/nuxt-purgecss) to remove unused CSS rules from your bundle.
 3. ✅ with `@nuxtjs/critters` you can now extract CSS files and load them separately, just inlining the CSS necessary to render the page.
 
+## Options
+
+You can override the `@nuxtjs/critters` defaults like this:
+```js
+// nuxt.config.js
+export default {
+  critters: {
+    // Options passed directly to critters: https://github.com/GoogleChromeLabs/critters#critters-2
+    config: {
+      // Default: 'media'
+      preload: 'swap'
+    }
+  }
+}
+```
+
 ## Development
 
 1. Clone this repository

src/index.ts

@@ -4,8 +4,12 @@ import Critters from 'critters'
 
 export default defineNuxtModule({
   name: 'critters',
-  options: {
-    preload: 'media'
+  configKey: 'critters',
+  defaults: {
+    // Options passed directly to `critters`
+    config: {
+      preload: 'media' as 'media' | 'body' | 'swap' | 'js' | 'js-lazy'
+    }
   },
   setup (options, nuxt) {
     // Only enable for production
@@ -16,7 +20,7 @@ export default defineNuxtModule({
     const critters = new Critters({
       path: resolve(nuxt.options.buildDir, 'dist/client'),
       publicPath: nuxt.options.build.publicPath,
-      preload: options.preload,
+      ...options.config,
     })
 
     // Enable css extraction