From 4bcf9c4bacad8db24cf6f5d4699e8780b35f61c6 Mon Sep 17 00:00:00 2001
From: daiwei <daiwei521@126.com>
Date: Fri, 28 Oct 2022 09:07:21 +0800
Subject: [PATCH 1/6] fix(compiler-sfc): avoid gen useCssVars when targeting
 SSR in scriptSetup

---
 packages/compiler-sfc/src/compileScript.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/compiler-sfc/src/compileScript.ts b/packages/compiler-sfc/src/compileScript.ts
index b7e4c0ea778..0c69db29848 100644
--- a/packages/compiler-sfc/src/compileScript.ts
+++ b/packages/compiler-sfc/src/compileScript.ts
@@ -1433,7 +1433,7 @@ export function compileScript(
   if (
     cssVars.length &&
     // no need to do this when targeting SSR
-    !(options.inlineTemplate && options.templateOptions?.ssr)
+    !(scriptSetup && options.templateOptions?.ssr)
   ) {
     helperImports.add(CSS_VARS_HELPER)
     helperImports.add('unref')

From 4970c39e981ba1b68932b3a946fe91f97f1265dc Mon Sep 17 00:00:00 2001
From: daiwei <daiwei521@126.com>
Date: Tue, 14 Mar 2023 14:57:56 +0800
Subject: [PATCH 2/6] chore: improve code

---
 packages/compiler-sfc/src/compileScript.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/compiler-sfc/src/compileScript.ts b/packages/compiler-sfc/src/compileScript.ts
index 0c69db29848..22b737ea2b6 100644
--- a/packages/compiler-sfc/src/compileScript.ts
+++ b/packages/compiler-sfc/src/compileScript.ts
@@ -1433,7 +1433,7 @@ export function compileScript(
   if (
     cssVars.length &&
     // no need to do this when targeting SSR
-    !(scriptSetup && options.templateOptions?.ssr)
+    !options.templateOptions?.ssr
   ) {
     helperImports.add(CSS_VARS_HELPER)
     helperImports.add('unref')

From 587a489733b27f38bcd48638bfb71040c740432f Mon Sep 17 00:00:00 2001
From: daiwei <daiwei521@126.com>
Date: Wed, 12 Apr 2023 10:29:18 +0800
Subject: [PATCH 3/6] chore: improve code

---
 packages/compiler-sfc/src/script/normalScript.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/compiler-sfc/src/script/normalScript.ts b/packages/compiler-sfc/src/script/normalScript.ts
index 76b25c66350..d0f16134273 100644
--- a/packages/compiler-sfc/src/script/normalScript.ts
+++ b/packages/compiler-sfc/src/script/normalScript.ts
@@ -55,7 +55,7 @@ export function processNormalScript(
       const s = new MagicString(content)
       rewriteDefaultAST(scriptAst.body, s, defaultVar)
       content = s.toString()
-      if (cssVars.length) {
+      if (cssVars.length && !ctx.options.templateOptions?.ssr) {
         content += genNormalScriptCssVarsCode(
           cssVars,
           bindings,

From 49f0699569235b73f482a186ff2c9f524cf1d515 Mon Sep 17 00:00:00 2001
From: edison1105 <daiwei521@126.com>
Date: Fri, 29 Sep 2023 20:38:02 +0800
Subject: [PATCH 4/6] test: add test case

---
 .../__snapshots__/cssVars.spec.ts.snap        | 13 ++++++++++
 .../compiler-sfc/__tests__/cssVars.spec.ts    | 26 +++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap b/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap
index 1e99f6087c1..b66899be19c 100644
--- a/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap
+++ b/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap
@@ -170,6 +170,19 @@ return { color, size, ref }
 }"
 `;
 
+exports[`CSS vars injection > w/ normal <script> binding analysis (SSR) 1`] = `
+"
+      const __default__ = {
+        setup() {
+          return {
+            size: ref('100px')
+          }
+        }
+      }
+      
+export default __default__"
+`;
+
 exports[`CSS vars injection > w/ normal <script> binding analysis 1`] = `
 "
       const __default__ = {
diff --git a/packages/compiler-sfc/__tests__/cssVars.spec.ts b/packages/compiler-sfc/__tests__/cssVars.spec.ts
index 5b01d73d772..9dcd8599f69 100644
--- a/packages/compiler-sfc/__tests__/cssVars.spec.ts
+++ b/packages/compiler-sfc/__tests__/cssVars.spec.ts
@@ -41,6 +41,32 @@ describe('CSS vars injection', () => {
     assertCode(content)
   })
 
+  test('w/ normal <script> binding analysis (SSR)', () => {
+    const { content } = compileSFCScript(
+      `<script>
+      export default {
+        setup() {
+          return {
+            size: ref('100px')
+          }
+        }
+      }
+      </script>\n` +
+        `<style>
+          div {
+            font-size: v-bind(size);
+          }
+        </style>`,
+      {
+        templateOptions: {
+          ssr: true
+        }
+      }
+    )
+    expect(content).not.toMatch(`__injectCSSVars__`)
+    assertCode(content)
+  })
+
   test('w/ <script setup> binding analysis', () => {
     const { content } = compileSFCScript(
       `<script setup>

From 73ae7b2dc021c3a2b543e9f539969bacb2267194 Mon Sep 17 00:00:00 2001
From: edison1105 <daiwei521@126.com>
Date: Fri, 29 Sep 2023 20:42:23 +0800
Subject: [PATCH 5/6] test: add test case

---
 packages/compiler-sfc/__tests__/cssVars.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/compiler-sfc/__tests__/cssVars.spec.ts b/packages/compiler-sfc/__tests__/cssVars.spec.ts
index 9dcd8599f69..fc73da3f346 100644
--- a/packages/compiler-sfc/__tests__/cssVars.spec.ts
+++ b/packages/compiler-sfc/__tests__/cssVars.spec.ts
@@ -63,7 +63,7 @@ describe('CSS vars injection', () => {
         }
       }
     )
-    expect(content).not.toMatch(`__injectCSSVars__`)
+    expect(content).not.toMatch(`_useCssVars`)
     assertCode(content)
   })
 

From ca9f4b1e01db1f65e213ce56337c68e36a9a1f80 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Sat, 21 Oct 2023 12:08:52 +0800
Subject: [PATCH 6/6] refactor: improve tests

---
 .../__snapshots__/cssVars.spec.ts.snap        | 13 ---
 .../compiler-sfc/__tests__/cssVars.spec.ts    | 94 ++++++++++++++-----
 2 files changed, 68 insertions(+), 39 deletions(-)

diff --git a/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap b/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap
index b66899be19c..1e99f6087c1 100644
--- a/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap
+++ b/packages/compiler-sfc/__tests__/__snapshots__/cssVars.spec.ts.snap
@@ -170,19 +170,6 @@ return { color, size, ref }
 }"
 `;
 
-exports[`CSS vars injection > w/ normal <script> binding analysis (SSR) 1`] = `
-"
-      const __default__ = {
-        setup() {
-          return {
-            size: ref('100px')
-          }
-        }
-      }
-      
-export default __default__"
-`;
-
 exports[`CSS vars injection > w/ normal <script> binding analysis 1`] = `
 "
       const __default__ = {
diff --git a/packages/compiler-sfc/__tests__/cssVars.spec.ts b/packages/compiler-sfc/__tests__/cssVars.spec.ts
index fc73da3f346..9fb72d7ad50 100644
--- a/packages/compiler-sfc/__tests__/cssVars.spec.ts
+++ b/packages/compiler-sfc/__tests__/cssVars.spec.ts
@@ -41,32 +41,6 @@ describe('CSS vars injection', () => {
     assertCode(content)
   })
 
-  test('w/ normal <script> binding analysis (SSR)', () => {
-    const { content } = compileSFCScript(
-      `<script>
-      export default {
-        setup() {
-          return {
-            size: ref('100px')
-          }
-        }
-      }
-      </script>\n` +
-        `<style>
-          div {
-            font-size: v-bind(size);
-          }
-        </style>`,
-      {
-        templateOptions: {
-          ssr: true
-        }
-      }
-    )
-    expect(content).not.toMatch(`_useCssVars`)
-    assertCode(content)
-  })
-
   test('w/ <script setup> binding analysis', () => {
     const { content } = compileSFCScript(
       `<script setup>
@@ -298,5 +272,73 @@ describe('CSS vars injection', () => {
         `export default {\n  setup(__props, { expose: __expose }) {\n  __expose();\n\n_useCssVars(_ctx => ({\n  "xxxxxxxx-background": (_unref(background))\n}))`
       )
     })
+
+    describe('skip codegen in SSR', () => {
+      test('script setup, inline', () => {
+        const { content } = compileSFCScript(
+          `<script setup>
+          let size = 1
+          </script>\n` +
+            `<style>
+              div {
+                font-size: v-bind(size);
+              }
+            </style>`,
+          {
+            inlineTemplate: true,
+            templateOptions: {
+              ssr: true
+            }
+          }
+        )
+        expect(content).not.toMatch(`_useCssVars`)
+      })
+
+      // #6926
+      test('script, non-inline', () => {
+        const { content } = compileSFCScript(
+          `<script setup>
+          let size = 1
+          </script>\n` +
+            `<style>
+              div {
+                font-size: v-bind(size);
+              }
+            </style>`,
+          {
+            inlineTemplate: false,
+            templateOptions: {
+              ssr: true
+            }
+          }
+        )
+        expect(content).not.toMatch(`_useCssVars`)
+      })
+
+      test('normal script', () => {
+        const { content } = compileSFCScript(
+          `<script>
+          export default {
+            setup() {
+              return {
+                size: ref('100px')
+              }
+            }
+          }
+          </script>\n` +
+            `<style>
+              div {
+                font-size: v-bind(size);
+              }
+            </style>`,
+          {
+            templateOptions: {
+              ssr: true
+            }
+          }
+        )
+        expect(content).not.toMatch(`_useCssVars`)
+      })
+    })
   })
 })