diff --git a/demo/pages/Index.vue b/demo/pages/Index.vue
index f552c57..f476787 100644
--- a/demo/pages/Index.vue
+++ b/demo/pages/Index.vue
@@ -45,6 +45,23 @@ export default {
       <h1>Yay Headlines!</h1>
       <blockquote>Test quote.</blockquote>
       <p>All these <strong>cool tags</strong> are working now.</p>
+      <p>
+        There is always something to do. Thankfully, there are checklists for that. Don't forget to call mom.
+      </p>
+      <ul data-type="todo_list">
+        <li data-type="todo_item" data-done="true">
+          Buy beer
+        </li>
+        <li data-type="todo_item" data-done="true">
+          Buy meat
+        </li>
+        <li data-type="todo_item" data-done="true">
+          Buy milk
+        </li>
+        <li data-type="todo_item" data-done="false">
+          Call mom
+        </li>
+      </ul>
     `
   }),
   async created () {
diff --git a/src/extensions/nativeExtensions/TodoList/TodoItemView.vue b/src/extensions/nativeExtensions/TodoList/TodoItemView.vue
index 8d80d8e..c64bb77 100644
--- a/src/extensions/nativeExtensions/TodoList/TodoItemView.vue
+++ b/src/extensions/nativeExtensions/TodoList/TodoItemView.vue
@@ -6,7 +6,7 @@
     data-drag-handle
   >
     <VCheckbox
-      :value="node.attrs.done"
+      :input-value="node.attrs.done"
       class="mr-2 mt-3 pt-1"
       hide-details
       @change="onChange"