fix: add script to webpack build (in dev) for storybook support (#99)

* closes #69

Co-authored-by: Sébastien Chopin <[email protected]>

lib/module.js

@@ -1,4 +1,4 @@
-import { resolve } from 'path'
+import { join, resolve } from 'path'
 import { promises as fsp } from 'fs'
 import crypto from 'crypto'
 import defu from 'defu'
@@ -43,6 +43,18 @@ export default async function (moduleOptions) {
     head[serializeProp][options.hid] = ['innerHTML']
   })
 
+
+  // In dev mode we also inject full script via webpack entrypoint for storybook compatibility
+  if (this.nuxt.options.dev) {
+    const { dst } = this.addTemplate({ src: resolve(__dirname, 'script.js'), fileName: join('color-mode', 'script.js'), options })
+    this.nuxt.hook('webpack:config', (configs) => {
+      for (const config of configs) {
+        if (config.name !== 'server') {
+          config.entry.app.unshift(resolve(this.nuxt.options.buildDir, dst))
+        }
+      }
+    })
+  }
   this.nuxt.hook('vue-renderer:ssr:csp', (cspScriptSrcHashes) => {
     const { csp } = this.options.render
     const hash = crypto.createHash(csp.hashAlgorithm)