From c1450220e041cad9123db74dd1fb40a9207926ac Mon Sep 17 00:00:00 2001
From: daiwei <daiwei521@126.com>
Date: Wed, 12 Apr 2023 13:16:13 +0800
Subject: [PATCH 1/2] fix: improve code gen when using cssVars in SSR

---
 src/transform.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/transform.ts b/src/transform.ts
index f984426f..c92ecfe5 100644
--- a/src/transform.ts
+++ b/src/transform.ts
@@ -102,9 +102,10 @@ export async function compileFile(
   const [clientScript, bindings] = clientScriptResult
   clientCode += clientScript
 
-  // script ssr only needs to be performed if using <script setup> where
-  // the render fn is inlined.
-  if (descriptor.scriptSetup) {
+  // script ssr needs to be performed if :
+  // 1.using <script setup> where the render fn is inlined.
+  // 2.using cssVars, as it do not need to be injected during SSR.
+  if (descriptor.scriptSetup || descriptor.cssVars.length > 0) {
     const ssrScriptResult = await doCompileScript(
       store,
       descriptor,
@@ -118,7 +119,7 @@ export async function compileFile(
       ssrCode = `/* SSR compile error: ${store.state.errors[0]} */`
     }
   } else {
-    // when no <script setup> is used, the script result will be identical.
+    // the script result will be identical.
     ssrCode += clientScript
   }
 
@@ -284,7 +285,6 @@ async function doCompileTemplate(
     slotted: descriptor.slotted,
     ssr,
     ssrCssVars: descriptor.cssVars,
-    isProd: false,
     compilerOptions: {
       ...store.options?.template?.compilerOptions,
       bindingMetadata,

From d121e54102900acbd0da463f07577422450cffb9 Mon Sep 17 00:00:00 2001
From: daiwei <daiwei521@126.com>
Date: Wed, 12 Apr 2023 13:17:53 +0800
Subject: [PATCH 2/2] fix: improve code gen when using cssVars in SSR

---
 src/transform.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/transform.ts b/src/transform.ts
index c92ecfe5..371478dc 100644
--- a/src/transform.ts
+++ b/src/transform.ts
@@ -277,6 +277,7 @@ async function doCompileTemplate(
   isTS: boolean
 ) {
   const templateResult = store.compiler.compileTemplate({
+    isProd: false,
     ...store.options?.template,
     source: descriptor.template!.content,
     filename: descriptor.filename,