From 0f77a2b1d1047d66ccdfda70382d1a223886130c Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Tue, 18 Apr 2023 11:39:53 +0800
Subject: [PATCH] fix(compiler): fix expression codegen for literal const
 bindings in non-inline mode

---
 .../transforms/transformExpressions.spec.ts          |  2 +-
 .../src/transforms/transformExpression.ts            |  7 ++++---
 .../__tests__/compileScript/hoistStatic.spec.ts      | 12 ++++++++++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts b/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts
index 66f988d3474..5a77b2eddbc 100644
--- a/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts
@@ -549,7 +549,7 @@ describe('compiler: expression transform', () => {
 
     test('literal const handling， non-inline mode', () => {
       const { code } = compileWithBindingMetadata(`<div>{{ literal }}</div>`)
-      expect(code).toMatch(`toDisplayString(literal)`)
+      expect(code).toMatch(`toDisplayString($setup.literal)`)
       // #7973 should skip patch for literal const
       expect(code).not.toMatch(
         `${PatchFlags.TEXT} /* ${PatchFlagNames[PatchFlags.TEXT]} */`
diff --git a/packages/compiler-core/src/transforms/transformExpression.ts b/packages/compiler-core/src/transforms/transformExpression.ts
index 466027682b1..35fc278ac86 100644
--- a/packages/compiler-core/src/transforms/transformExpression.ts
+++ b/packages/compiler-core/src/transforms/transformExpression.ts
@@ -197,13 +197,14 @@ export function processExpression(
         return genPropsAccessExp(bindingMetadata.__propsAliases![raw])
       }
     } else {
-      if (type && type.startsWith('setup')) {
+      if (
+        (type && type.startsWith('setup')) ||
+        type === BindingTypes.LITERAL_CONST
+      ) {
         // setup bindings in non-inline mode
         return `$setup.${raw}`
       } else if (type === BindingTypes.PROPS_ALIASED) {
         return `$props['${bindingMetadata.__propsAliases![raw]}']`
-      } else if (type === BindingTypes.LITERAL_CONST) {
-        return raw
       } else if (type) {
         return `$${type}.${raw}`
       }
diff --git a/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts b/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts
index 614a5e75bce..7b3a8a813c5 100644
--- a/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts
@@ -202,4 +202,16 @@ describe('sfc hoist static', () => {
     })
     assertCode(content)
   })
+
+  test('template binding access in inline mode', () => {
+    const { content } = compile(
+      `
+    <script setup>
+    const foo = 'bar'
+    </script>
+    <template>{{ foo }}</template>
+    `
+    )
+    expect(content).toMatch('_toDisplayString(foo)')
+  })
 })