From e8d3a7d7a17f9e66d592fb1ddc4a603af9958d36 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Sat, 16 Jul 2022 22:03:44 +0800
Subject: [PATCH] fix(codegen): script setup should not attempt to resolve
 native elements as component

fix #12674
---
 src/compiler/codegen/index.ts              |  5 +++--
 test/unit/modules/compiler/codegen.spec.ts | 16 ++++++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/compiler/codegen/index.ts b/src/compiler/codegen/index.ts
index 823154e28a0..5992859eba1 100644
--- a/src/compiler/codegen/index.ts
+++ b/src/compiler/codegen/index.ts
@@ -95,14 +95,15 @@ export function genElement(el: ASTElement, state: CodegenState): string {
       code = genComponent(el.component, el, state)
     } else {
       let data
-      if (!el.plain || (el.pre && state.maybeComponent(el))) {
+      const maybeComponent = state.maybeComponent(el)
+      if (!el.plain || (el.pre && maybeComponent)) {
         data = genData(el, state)
       }
 
       let tag: string | undefined
       // check if this is a component in <script setup>
       const bindings = state.options.bindings
-      if (bindings && bindings.__isScriptSetup !== false) {
+      if (maybeComponent && bindings && bindings.__isScriptSetup !== false) {
         tag =
           checkBindingType(bindings, el.tag) ||
           checkBindingType(bindings, camelize(el.tag)) ||
diff --git a/test/unit/modules/compiler/codegen.spec.ts b/test/unit/modules/compiler/codegen.spec.ts
index 5e584c8fb90..aab2505f254 100644
--- a/test/unit/modules/compiler/codegen.spec.ts
+++ b/test/unit/modules/compiler/codegen.spec.ts
@@ -724,4 +724,20 @@ describe('codegen', () => {
       '"with(this){return _c(\'div\',[_c(Foo),_c(FooBar)],1)}"'
     )
   })
+
+  // #12674
+  it('component with bindings: should not resolve native elements', () => {
+    const ast = parse(`<div><form>{{ n }}</form></div>`, baseOptions)
+    optimize(ast, baseOptions)
+    const res = generate(ast, {
+      ...baseOptions,
+      bindings: {
+        form: BindingTypes.SETUP_CONST
+      }
+    })
+    expect(res.render).toMatch(`_c('form'`)
+    expect(res.render).toMatchInlineSnapshot(
+      "\"with(this){return _c('div',[_c('form',[_v(_s(n))])])}\""
+    )
+  })
 })