SKETCH: Support sub-components

This is a bit odd in that Component doesn’t even know which components
are registered in the app; sub-component handling is triggered iff the
tag name contains a hyphen. I think this is reasonable, but we might
still end up changing it.

Completely untested so far.

Author: lucaswerkmeister

src/Component.php

@@ -54,11 +54,13 @@ private function handleNode( DOMNode $node, array $data ) {
 			$this->handleRawHtml( $node, $data );
 
 			if ( !$this->isRemovedFromTheDom( $node ) ) {
-				$this->handleAttributeBinding( $node, $data );
-				$this->handleIf( $node->childNodes, $data );
+				if ( !$this->handleComponent( $node, $data ) ) {
+					$this->handleAttributeBinding( $node, $data );
+					$this->handleIf( $node->childNodes, $data );
 
-				foreach ( iterator_to_array( $node->childNodes ) as $childNode ) {
-					$this->handleNode( $childNode, $data );
+					foreach ( iterator_to_array( $node->childNodes ) as $childNode ) {
+						$this->handleNode( $childNode, $data );
+					}
 				}
 			}
 		}
@@ -100,6 +102,29 @@ private function replaceMustacheVariables( DOMNode $node, array $data ) {
 		}
 	}
 
+	/** @return bool true if it was a component, false otherwise */
+	private function handleComponent( DOMElement $node, array $data ): bool {
+		if ( strpos( $node->tagName, '-' ) === false ) {
+			return false;
+		}
+		$componentName = $node->tagName;
+
+		$componentData = [];
+		foreach ( $node->attributes as $attribute ) {
+			if ( str_starts_with( $attribute->name, ':' ) ) { // TODO also v-bind: ?
+				$name = substr( $attribute->name, 1 );
+				$value = $this->app->evaluateExpression( $attribute->value, $data );
+			} else {
+				$name = $attribute->name;
+				$value = $attribute->value;
+			}
+			$componentData[$name] = $value;
+		}
+		$rendered = $this->app->renderComponent( $componentName, $componentData );
+		$node->replaceWith( $node->ownerDocument->adoptNode( $rendered ) );
+		return true;
+	}
+
 	private function handleAttributeBinding( DOMElement $node, array $data ) {
 		/** @var DOMAttr $attribute */
 		foreach ( iterator_to_array( $node->attributes ) as $attribute ) {