Support any number of element levels, including no elements

[jensljungblad]

This is a suggestion for a slightly different API that would allow 1) capture HTML even when you have no elements and b) support any number of nested elements.

Scenario 1: No elements

<%= component "card" do %>
  foo
<% end %>

component.value == "foo"

Scenario 2: Single element

<%= component "card" do |c| %>
  <% c.header "foo" %>
<% end %>

component.value == ""
component.header.value == "foo"

Scenario 3: Nested element

<%= component "card" do |c| %>
  <% c.header do |cc| %>
    <% cc.left "foo" %>
  <% end %>
<% end %>

component.value == ""
component.header.value == ""
component.header.left.value == "foo"

Scenario 4: Nested element + element value

<%= component "card" do |c| %>
  <% c.header do |cc| %>
    <% cc.left "foo" %>
    bar
  <% end %>
<% end %>

component.value == ""
component.header.value == "bar"
component.header.left.value == "foo"