example: try out events v0.1

tentjs · Nov 26, 2023 · 83b5c63 · 83b5c63
1 parent 9affc52
commit 83b5c63
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/example/components/todo/item/index.js b/example/components/todo/item/index.js
@@ -8,13 +8,11 @@ const TodoItem = {
       <button>Remove</button>
     </li>
   `,
-  setup({ query, state }) {
+  setup({ query, state, parent }) {
     const remove = query('button')
 
-    console.log('setup todo-item', state)
-
-    remove.on('click', function ({ state }) {
-      console.log('remove', state)
+    remove.on('click', function () {
+      parent.events.delete(state.id)
     })
   }
 }

diff --git a/example/components/todo/list/index.js b/example/components/todo/list/index.js
@@ -16,6 +16,11 @@ const TodoList = {
       <todo-item></todo-item>
     </ul>
   `,
+  events: {
+    delete(id, { state }) {
+      state.items = state.items.filter(item => item.id !== id)
+    },
+  },
   setup({ query, state }) {
     const item = query('todo-item')