From 89eda30c874f8c7f042acb4dd5b15ec74ecf3980 Mon Sep 17 00:00:00 2001
From: lsdsjy <lsdsjy@163.com>
Date: Thu, 16 Mar 2023 19:42:57 +0800
Subject: [PATCH 1/3] fix(sfc): check template `ref` usage

---
 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 db04dbef333..3fd18018ef3 100644
--- a/packages/compiler-sfc/src/compileScript.ts
+++ b/packages/compiler-sfc/src/compileScript.ts
@@ -1801,7 +1801,7 @@ function resolveTemplateUsageCheckString(sfc: SFCDescriptor, isTS: boolean) {
       }
       for (let i = 0; i < attrs.length; i++) {
         const { name, value } = attrs[i]
-        if (dirRE.test(name)) {
+        if (dirRE.test(name) || name === 'ref') {
           const baseName = onRE.test(name)
             ? 'on'
             : slotRE.test(name)

From 70f6e7d56d521fd6451e793bd0e8ca322d717ab3 Mon Sep 17 00:00:00 2001
From: lsdsjy <lsdsjy@163.com>
Date: Thu, 16 Mar 2023 19:53:21 +0800
Subject: [PATCH 2/3] chore: add test case

---
 .../test/__snapshots__/compileScript.spec.ts.snap  | 14 ++++++++++++++
 packages/compiler-sfc/test/compileScript.spec.ts   | 13 +++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/packages/compiler-sfc/test/__snapshots__/compileScript.spec.ts.snap b/packages/compiler-sfc/test/__snapshots__/compileScript.spec.ts.snap
index bb52a66b907..82b305c4255 100644
--- a/packages/compiler-sfc/test/__snapshots__/compileScript.spec.ts.snap
+++ b/packages/compiler-sfc/test/__snapshots__/compileScript.spec.ts.snap
@@ -348,6 +348,20 @@ return { vMyDir }
 })"
 `;
 
+exports[`SFC compile <script setup> > dev mode import usage check > imported ref as template ref 1`] = `
+"import { defineComponent as _defineComponent } from 'vue'
+import { aref } from './x'
+        
+export default /*#__PURE__*/_defineComponent({
+  setup(__props) {
+
+        
+return { aref }
+}
+
+})"
+`;
+
 exports[`SFC compile <script setup> > dev mode import usage check > js template string interpolations 1`] = `
 "import { defineComponent as _defineComponent } from 'vue'
 import { VAR, VAR2, VAR3 } from './x'
diff --git a/packages/compiler-sfc/test/compileScript.spec.ts b/packages/compiler-sfc/test/compileScript.spec.ts
index 11077b2aacc..62e4a7edd03 100644
--- a/packages/compiler-sfc/test/compileScript.spec.ts
+++ b/packages/compiler-sfc/test/compileScript.spec.ts
@@ -383,6 +383,19 @@ defineExpose({ foo: 123 })
       assertCode(content)
     })
 
+    test('imported ref as template ref', () => {
+      const { content } = compile(`
+        <script setup lang="ts">
+        import { aref } from './x'
+        </script>
+        <template>
+          <div ref="aref"></div>
+        </template>
+        `)
+      expect(content).toMatch(`return { aref }`)
+      assertCode(content)
+    })
+
     test('vue interpolations', () => {
       const { content } = compile(`
       <script setup lang="ts">

From be73e4ea49d0e0d7b684baeec49d71daa4527207 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Thu, 7 Dec 2023 14:06:24 +0800
Subject: [PATCH 3/3] Update compileScript.ts

---
 packages/compiler-sfc/src/compileScript.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/compiler-sfc/src/compileScript.ts b/packages/compiler-sfc/src/compileScript.ts
index 3fd18018ef3..6ee54818c7a 100644
--- a/packages/compiler-sfc/src/compileScript.ts
+++ b/packages/compiler-sfc/src/compileScript.ts
@@ -1801,7 +1801,7 @@ function resolveTemplateUsageCheckString(sfc: SFCDescriptor, isTS: boolean) {
       }
       for (let i = 0; i < attrs.length; i++) {
         const { name, value } = attrs[i]
-        if (dirRE.test(name) || name === 'ref') {
+        if (dirRE.test(name)) {
           const baseName = onRE.test(name)
             ? 'on'
             : slotRE.test(name)
@@ -1815,6 +1815,8 @@ function resolveTemplateUsageCheckString(sfc: SFCDescriptor, isTS: boolean) {
           if (value) {
             code += `,${processExp(value, isTS, baseName)}`
           }
+        } else if (name === 'ref') {
+          code += `,${value}`
         }
       }
     },