fix: render button nodes

farnabaz · farnabaz · commit 5242c08c429d · 2025-04-22T16:34:39.000+02:00
resolves #379
diff --git a/src/runtime/stringify/mdc-remark.ts b/src/runtime/stringify/mdc-remark.ts
@@ -220,6 +220,21 @@ const mdcRemarkHandlers: Record<string, (state: State, node: Parents) => unknown
       meta
     }
   },
+  button: (state: State, node: Parents) => {
+    if (
+      // @ts-expect-error: custom type
+      node.children?.find(child => child.type === mdcRemarkElementType)
+      || node.children?.find(child => child.type === 'text' && child.value.includes('\n'))
+    ) {
+      return {
+        type: 'containerComponent',
+        name: 'button',
+        children: state.all(node),
+        attributes: node.properties
+      }
+    }
+    return createTextComponent('button')(state, node)
+  },
   span: createTextComponent('span'),
   binding: createTextComponent('binding'),
   iframe: createTextComponent('iframe'),
