From 1e478cd26ffb196384033deba82727642e30a665 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Tue, 19 Jan 2021 12:26:41 +0100
Subject: [PATCH] examples: improve the todo app

---
 docs/src/demos/Examples/TodoApp/index.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/docs/src/demos/Examples/TodoApp/index.vue b/docs/src/demos/Examples/TodoApp/index.vue
index b8551d06..0e9bb4cd 100644
--- a/docs/src/demos/Examples/TodoApp/index.vue
+++ b/docs/src/demos/Examples/TodoApp/index.vue
@@ -43,8 +43,13 @@ export default {
       ],
       content: `
         <ul data-type="taskList">
-          <li data-type="taskItem" data-checked="true">A list item</li>
-          <li data-type="taskItem" data-checked="false">And another one</li>
+          <li data-type="taskItem" data-checked="true">flour
+          <li data-type="taskItem" data-checked="false">baking powder</li>
+          <li data-type="taskItem" data-checked="false">salt</li>
+          <li data-type="taskItem" data-checked="false">sugar</li>
+          <li data-type="taskItem" data-checked="false">milk</li>
+          <li data-type="taskItem" data-checked="false">eggs</li>
+          <li data-type="taskItem" data-checked="false">butter</li>
         </ul>
       `,
     })
@@ -70,5 +75,9 @@ ul[data-type="taskList"] {
       margin-right: 0.5rem;
     }
   }
+
+  input[type="checkbox"] {
+    cursor: pointer;
+  }
 }
 </style>