release: WRNexusJS 0.5.10

packages/compiler/src/codegen.ts

@@ -1437,6 +1437,10 @@ function renderComponentNode(node: ViewNode, ctx: CompCtx): string {
     }
   }
 
+  const isExplicitComponentMount = node.attrs.some(
+    (attribute) => attribute.name === "data-component",
+  );
+
   const attrs = node.attrs
     .filter((a) => a.name !== "class" && !a.name.startsWith("class:"))
     .map((a) => {
@@ -1476,7 +1480,12 @@ function renderComponentNode(node: ViewNode, ctx: CompCtx): string {
         if (a.value === "true" || a.value === "") return ` ${a.name}`;
       }
 
-      const rendered = ` ${a.name}="${compileAttrValue(a.value, elementContext)}"`;
+      const wholeExpression = wholeAttributeExpression(a.value);
+      const compiledValue =
+        isExplicitComponentMount && wholeExpression
+          ? `\${__wireProp(${elementContext.resolveExpr(wholeExpression)})}`
+          : compileAttrValue(a.value, elementContext);
+      const rendered = ` ${a.name}="${compiledValue}"`;
 
       const referencesState = exprRefsComponentReactiveValue(a.value, ctx);