fix error for nested component

Author: WebMamba

src/TwigComponent/src/Twig/TwigPreLexer.php

@@ -314,7 +314,7 @@ private function consumeBlock(string $componentName): string
         if (!$this->doesStringEventuallyExist($closingTag)) {
             throw new SyntaxError("Expected closing tag '{$closingTag}' for block '{$blockName}'.", $this->line);
         }
-        $blockContents = $this->consumeUntil($closingTag);
+        $blockContents = $this->consumeUntilEndBlock();
 
         $subLexer = new self($this->line);
         $output .= $subLexer->preLexComponents($blockContents);
@@ -325,6 +325,33 @@ private function consumeBlock(string $componentName): string
         return $output;
     }
 
+    private function consumeUntilEndBlock(): string
+    {
+        $start = $this->position;
+
+        $depth = 1;
+        while ($this->position < $this->length) {
+            if ('</twig:block' === substr($this->input, $this->position, 12)) {
+                if (1 === $depth) {
+                    break;
+                } else {
+                    --$depth;
+                }
+            }
+
+            if ('<twig:block' === substr($this->input, $this->position, 11)) {
+                ++$depth;
+            }
+
+            if ("\n" === $this->input[$this->position]) {
+                ++$this->line;
+            }
+            ++$this->position;
+        }
+
+        return substr($this->input, $start, $this->position - $start);
+    }
+
     private function doesStringEventuallyExist(string $needle): bool
     {
         $remainingString = substr($this->input, $this->position);

src/TwigComponent/tests/Unit/TwigPreLexerTest.php

@@ -92,5 +92,9 @@ public function getLexTests(): iterable
             '<twig:foo.bar></twig:foo.bar>',
             '{% component \'foo.bar\' %}{% endcomponent %}',
         ];
+        yield 'nested_component_2_levels' => [
+            '<twig:foo><twig:block name="child"><twig:bar><twig:block name="message">Hello World!</twig:block></twig:bar></twig:block></twig:foo>',
+            '{% component \'foo\' %}{% block child %}{% component \'bar\' %}{% block message %}Hello World!{% endblock %}{% endcomponent %}{% endblock %}{% endcomponent %}',
+        ];
     }
 }