fix(runtime-vapor): add scope id for fallback component

sxzz · sxzz · commit 3da5ecfb5f66 · 2024-11-15T04:10:59.000+08:00
diff --git a/packages/runtime-vapor/src/apiCreateComponent.ts b/packages/runtime-vapor/src/apiCreateComponent.ts
@@ -96,7 +96,14 @@ function fallbackComponent(
 
   if (singleRoot) {
     instance.dynamicAttrs = true
+    for (let i = 0; i < instance.scopeIds.length; i++) {
+      const id = instance.scopeIds[i]
+      el.setAttribute(id, '')
+    }
   }
 
+  const scopeId = instance.type.__scopeId
+  if (scopeId) el.setAttribute(scopeId, '')
+
   return el
 }

Original file line number	Diff line number	Diff line change
`@@ -96,7 +96,14 @@ function fallbackComponent(`
`96`	`96`
`97`	`97`	`if (singleRoot) {`
`98`	`98`	`instance.dynamicAttrs = true`
	`99`	`+ for (let i = 0; i < instance.scopeIds.length; i++) {`
	`100`	`+ const id = instance.scopeIds[i]`
	`101`	`+ el.setAttribute(id, '')`
	`102`	`+ }`
`99`	`103`	`}`
`100`	`104`
	`105`	`+ const scopeId = instance.type.__scopeId`
	`106`	`+ if (scopeId) el.setAttribute(scopeId, '')`
	`107`	`+`
`101`	`108`	`return el`
`102`	`109`	`}`