derby-examples/todos #282 part2

gistfile1.diff

diff --git a/todos/views/todos/index.html b/todos/views/todos/index.html
index 874c8cd..cf8de8b 100644
--- a/todos/views/todos/index.html
+++ b/todos/views/todos/index.html
@@ -3,19 +3,23 @@

 <Body:>
   <div id="overlay"></div>
-  <form id="head" x-bind="submit: add">
-    <h1>Todos <span>{remaining(_page.list)} remaining</span></h1>
-    <div id="add">
-      <div id="add-input"><input id="new-todo" value="{_page.newTodo}"></div>
-      <input id="add-button" type="submit" value="Add">
+  <!-- May have multiple lists (Habit does) -->
+  <app:todo-list list="{_page.list}" />
+
+<todo-list:>
+    <form id="head" x-bind="submit: add">
+        <h1>Todos <span>{remaining(@list)} remaining</span></h1>
+        <div id="add">
+            <div id="add-input"><input id="new-todo" value="{_page.newTodo}"></div>
+            <input id="add-button" type="submit" value="Add">
+        </div>
+    </form>
+    <div id="dragbox"></div>
+    <div id="todos">
+        {#each @list as :todo}
+            <app:todo>
+        {/}
     </div>
-  </form>
-  <div id="dragbox"></div>
-  <div id="todos">
-    {#each _page.list as :todo}
-      <app:todo>
-    {/}
-  </div>