From 6ef6eae2c7aabe3a01fb2037b38f5acc5af8493f Mon Sep 17 00:00:00 2001
From: Alex <Alex--C@users.noreply.github.com>
Date: Wed, 12 Oct 2022 10:50:16 +0200
Subject: [PATCH] fix(nuxt): don't inline styles for per-request `ssr: false`
 (#8106)

Co-authored-by: Alex C <alex.canals@jkweb.ch>
---
 packages/nuxt/src/core/runtime/nitro/renderer.ts | 2 +-
 test/basic.test.ts                               | 2 +-
 test/fixtures/basic/assets/global.css            | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nuxt/src/core/runtime/nitro/renderer.ts b/packages/nuxt/src/core/runtime/nitro/renderer.ts
index 8567b162f4b..125106d0330 100644
--- a/packages/nuxt/src/core/runtime/nitro/renderer.ts
+++ b/packages/nuxt/src/core/runtime/nitro/renderer.ts
@@ -205,7 +205,7 @@ export default defineRenderHandler(async (event) => {
   const renderedMeta = await ssrContext.renderMeta?.() ?? {}
 
   // Render inline styles
-  const inlinedStyles = process.env.NUXT_INLINE_STYLES
+  const inlinedStyles = process.env.NUXT_INLINE_STYLES && !(process.env.NUXT_NO_SSR || ssrContext.noSSR)
     ? await renderInlineStyles(ssrContext.modules ?? ssrContext._registeredComponents ?? [])
     : ''
 
diff --git a/test/basic.test.ts b/test/basic.test.ts
index 65acabfea15..d95d46ff83e 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -598,7 +598,7 @@ describe.skipIf(process.env.NUXT_TEST_DEV || process.env.TEST_WITH_WEBPACK)('inl
       '{--assets:"assets"}', // <script>
       '{--scoped:"scoped"}', // <style lang=css>
       '{--postcss:"postcss"}', // <style lang=postcss>
-      '{--global:"global"}', // entryfile dependency
+      '{--global:"global"', // entryfile dependency
       '{--plugin:"plugin"}', // plugin dependency
       '{--functional:"functional"}' // functional component with css import
     ]) {
diff --git a/test/fixtures/basic/assets/global.css b/test/fixtures/basic/assets/global.css
index 382b2400485..b4b49a96375 100644
--- a/test/fixtures/basic/assets/global.css
+++ b/test/fixtures/basic/assets/global.css
@@ -1,3 +1,4 @@
 :root {
   --global: 'global';
+  --asset: url('~/assets/logo.svg');
 }