root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 10 Packages Projects Releases Wiki Activity

fix(runtime-vapor): prevent mounting functional components as virtual DOM

This commit is contained in:
zhiyuanzmj 2025-05-26 20:08:55 +08:00
parent 1ef6e6edb7
commit d2c6e2d5b5
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/runtime-vapor/src/component.ts
View File

@ -144,8 +144,9 @@ export function createComponent(
locateHydrationNode()
}
const isFnComponent = isFunction(component)
// vdom interop enabled and component is not an explicit vapor component
if (appContext.vapor && !component.__vapor) {
if (appContext.vapor && !isFnComponent && !component.__vapor) {
const frag = appContext.vapor.vdomMount(
component as any,
rawProps,
@ -199,7 +200,7 @@ export function createComponent(
setupPropsValidation(instance)
}
const setupFn = isFunction(component) ? component : component.setup
const setupFn = isFnComponent ? component : component.setup
const setupResult = setupFn
? callWithErrorHandling(setupFn, instance, ErrorCodes.SETUP_FUNCTION, [
instance.props,
@ -208,7 +209,7 @@ export function createComponent(
: EMPTY_OBJ
if (__DEV__ && !isBlock(setupResult)) {
if (isFunction(component)) {
if (isFnComponent) {
warn(`Functional vapor component must return a block directly.`)
instance.block = []
} else if (!component.render) {