fix(runtime-vapor): don't overridden attrs in static template

closes #253

diff --git a/packages/runtime-vapor/src/apiCreateComponent.ts b/packages/runtime-vapor/src/apiCreateComponent.ts
index 74ce6e4055da879e1361b58ab8ff46108b912f90..84218aa76afcc96cdb8557edbb6783cd8b456500 100644 (file)
--- a/packages/runtime-vapor/src/apiCreateComponent.ts
+++ b/packages/runtime-vapor/src/apiCreateComponent.ts
@@ -23,7 +23,7 @@ export function createComponent(
     slots,
     once,
   )
-  setupComponent(instance, singleRoot)
+  setupComponent(instance)
 
   // register sub-component with current component for lifecycle management
   current.comps.add(instance)

diff --git a/packages/runtime-vapor/src/apiRender.ts b/packages/runtime-vapor/src/apiRender.ts
index f045c552bc72c2a10be8171245b693896ffe63ba..7dd97193efded52812705cd74a133990d098865b 100644 (file)
--- a/packages/runtime-vapor/src/apiRender.ts
+++ b/packages/runtime-vapor/src/apiRender.ts
@@ -30,10 +30,7 @@ export type Fragment = {
   [fragmentKey]: true
 }
 
-export function setupComponent(
-  instance: ComponentInternalInstance,
-  singleRoot: boolean = false,
-): void {
+export function setupComponent(instance: ComponentInternalInstance): void {
   if (__DEV__) {
     startMeasure(instance, `init`)
   }
@@ -97,7 +94,7 @@ export function setupComponent(
       block = []
     }
     instance.block = block
-    if (singleRoot) fallThroughAttrs(instance)
+    fallThroughAttrs(instance)
     return block
   })
   reset()

diff --git a/packages/runtime-vapor/src/componentAttrs.ts b/packages/runtime-vapor/src/componentAttrs.ts
index 3f0503b69735cda43979b359c0dcd53c319cc98b..5322b5f3208dbd8522c2d5a880fde6a87b61a058 100644 (file)
--- a/packages/runtime-vapor/src/componentAttrs.ts
+++ b/packages/runtime-vapor/src/componentAttrs.ts
@@ -72,6 +72,12 @@ export function fallThroughAttrs(instance: ComponentInternalInstance): void {
   if (inheritAttrs === false) return
 
   if (block instanceof Element) {
-    renderEffect(() => setDynamicProps(block, instance.attrs))
+    // attrs in static template
+    const initial: Record<string, string> = {}
+    for (let i = 0; i < block.attributes.length; i++) {
+      const attr = block.attributes[i]
+      initial[attr.name] = attr.value
+    }
+    renderEffect(() => setDynamicProps(block, instance.attrs, initial))
   }
 }