add nesting and loops

[18alantom]

Reference: ROADMAP.md#nested-components

TLDR:

<!-- List of Objects including Other Lists -->
<div sb-mark="list.#">
  <p sb-mark="list.#.name"></p>

  <!-- Nested List -->
  <div sb-mark="list.#.sublist.#">
    <p sb-mark="list.#.sublist.#.name"></p>
  </div>
</div>

<script>
  data.list = [
    { name: 'one', sublist: [ { name: 'one.one' } ] }
  ]
</script>

It also refactors the usage of components to be more native instead of relying brittle shim code.