fix: fix cacheControl

Author: markthree

src/module.ts

@@ -105,6 +105,12 @@ export default defineNuxtModule<ModuleOptions>({
     nuxt.options.nitro.virtual['#style-extractor/nuxt-style-extractor-transform.js'] = () => {
       return fs.readFile(transformFile, 'utf-8')
     }
+
+    nuxt.options.nitro.virtual['#style-extractor/nuxt-style-extractor-cache-control.js'] = () => {
+      return `const cacheControl = "${_options.cacheControl === null ? '' : _options.cacheControl}";
+      export default cacheControl`
+    }
+
     addPlugin(resolver.resolve(`./runtime/plugin.server`))
 
     addServerPlugin(resolver.resolve(`./runtime/server/plugins/style-extractor`))
@@ -131,15 +137,6 @@ export default defineNuxtModule<ModuleOptions>({
       },
     })
 
-    if (_options.cacheControl && !nuxt.options.dev) {
-      nuxt.options.routeRules ??= {}
-      nuxt.options.routeRules['/_css/*'] = {
-        headers: {
-          'Cache-Control': _options.cacheControl,
-        },
-      }
-    }
-
     function getTransformFile() {
       if (_options.transformFile !== '') {
         return isAbsolute(_options.transformFile) ? _options.transformFile : join(nuxt.options.rootDir, _options.transformFile)

src/runtime/nuxt-style-extractor.d.ts

@@ -23,3 +23,8 @@ declare module '#style-extractor/nuxt-style-extractor-transform.js' {
   const optimiseCss: OptimiseCss
   export default optimiseCss
 }
+
+declare module '#style-extractor/nuxt-style-extractor-cache-control.js' {
+  const cacheControl: string
+  export default cacheControl
+}

src/runtime/server/plugins/style-extractor.ts

@@ -1,5 +1,6 @@
 import { defineNitroPlugin, defineEventHandler, useStorage, getRouterParam, setHeader } from '#imports'
 import optimiseCss from '#style-extractor/nuxt-style-extractor-transform.js'
+import cacheControl from '#style-extractor/nuxt-style-extractor-cache-control.js'
 
 export default defineNitroPlugin((nitroApp) => {
   const nameReg = /data-style-extractor-name="(.*?)"/
@@ -15,6 +16,10 @@ export default defineNitroPlugin((nitroApp) => {
       css = await assetsStorage.getItem(name!)
     }
 
+    if (!import.meta.dev && cacheControl !== '') {
+      setHeader(event, 'Cache-Control', cacheControl)
+    }
+
     return css
   }))