feat: allow string for children in h function

aidenybai · Nov 25, 2020 · 4823ddd · 4823ddd
1 parent 564deb8
commit 4823ddd
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/vdom/h.ts b/src/vdom/h.ts
@@ -19,7 +19,7 @@ export const VNodeTypes: Record<string, VNodeType> = {
   DYNAMIC: 2, // dynamic VNode (needs patch every time view changes)
 };
 
-export const h = (selector: string, children?: (VNode | string)[], props?: VNodeProps): VNode => {
+export const h = (selector: string, children?: (VNode | string)[] | string, props?: VNodeProps): VNode => {
   // Splits selector into tokens containing id, className, and other attrs
   const tokens = selector.split(/(?=\.)|(?=#)|(?=\[)/);
   const tag = tokens[0];
@@ -51,7 +51,7 @@ export const h = (selector: string, children?: (VNode | string)[], props?: VNode
 
   return {
     tag,
-    children: children || [],
+    children: typeof children === 'string' ? [children] : (children ? children : []),
     props: {
       attributes: props?.attributes || attributes,
       directives: props?.directives || directives,