examples: fix typos

kennyfrc · Nov 19, 2023 · 59afcd1 · 59afcd1
1 parent d69537f
commit 59afcd1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/examples/003_todo.html b/examples/003_todo.html
@@ -43,7 +43,8 @@ <h1>Todo List</h1>
   todoStore.use(loggingMiddleware);
 
   class TodoListElement extends ReactiveElement {
-    todos = this.subscribe(todoStore, 'todos');
+    store = todoStore;
+    todos = this.subscribe(this.store, 'todos');
 
     constructor() {
       super();
@@ -54,14 +55,14 @@ <h1>Todo List</h1>
         <input id="newTodo" type="text" />
         <button @click=${() => {
           const newTodo = document.getElementById('newTodo').value;
-          this.dispatch("add", newTodo);
+          this.store.dispatch("add", newTodo);
           document.getElementById('newTodo').value = '';
         }}>Add</button>
         <ul>
           ${this.todos.map(todo => html`
             <li>
               ${todo}
-              <button @click=${() => this.dispatch("delete", todo)}>Delete</button>
+              <button @click=${() => this.store.dispatch("delete", todo)}>Delete</button>
             </li>
           `)}
         </ul>

diff --git a/examples/partials/_003_todo.html b/examples/partials/_003_todo.html
@@ -34,7 +34,8 @@ <h1>Todo List</h1>
   todoStore.use(loggingMiddleware);
 
   class TodoListElement extends ReactiveElement {
-    todos = this.subscribe(todoStore, 'todos');
+    store = todoStore;
+    todos = this.subscribe(this.store, 'todos');
 
     constructor() {
       super();
@@ -45,14 +46,14 @@ <h1>Todo List</h1>
         <input id="newTodo" type="text" />
         <button @click=${() => {
           const newTodo = document.getElementById('newTodo').value;
-          this.dispatch("add", newTodo);
+          this.store.dispatch("add", newTodo);
           document.getElementById('newTodo').value = '';
         }}>Add</button>
         <ul>
           ${this.todos.map(todo => html`
             <li>
               ${todo}
-              <button @click=${() => this.dispatch("delete", todo)}>Delete</button>
+              <button @click=${() => this.store.dispatch("delete", todo)}>Delete</button>
             </li>
           `)}
         </ul>