From 699a55f9d3c8c7249a528ac4cb7b423e83ae449a Mon Sep 17 00:00:00 2001
From: Jesus Hernandez <jesusbeckan@gmail.com>
Date: Tue, 31 Jan 2023 22:11:16 -0500
Subject: [PATCH] Adds examples for the vanilla implementation

---
 examples/vanilla/index.html | 35 +++++++++++++----------------------
 1 file changed, 13 insertions(+), 22 deletions(-)
diff --git a/examples/vanilla/index.html b/examples/vanilla/index.html
index 815a854..2b3c2fc 100644
--- a/examples/vanilla/index.html
+++ b/examples/vanilla/index.html
@@ -8,41 +8,32 @@
   <body>
     <p>Count: <span class="js-count">0</span></p>
     <button class="js-increment">+1</button>
-    <button class="js-restore-one">Restore to inital value</button>
-    <button class="js-restore-two">Restore from scratch</button>
+    <button class="js-reset">Restore to inital value</button>
+    <button class="js-reset-from-scratch">Restore from scratch</button>
     <script src="../../dist/killa.min.js"></script>
     <script>
       const killa = window.killa
 
       const $text = document.querySelector('.js-count')
       const $button = document.querySelector('.js-increment')
-      const $restoreOne = document.querySelector('.js-restore-one')
-      const $restoreTwo = document.querySelector('.js-restore-two')
+      const $restoreOne = document.querySelector('.js-reset')
+      const $restoreTwo = document.querySelector('.js-reset-from-scratch')
 
-      const store = killa.createStore({
-        count: 0,
-        text: '',
-        user: {
-          name: 'Jesus Hernandez',
-          range: [0, 1] }
-        }
-      )
+      const store = killa.createStore({ count: 0, text: '' })
 
       window.addEventListener('DOMContentLoaded', () => {
         store.subscribe((state, prevState) => {
-          // console.log('Updated state', store.getState())
-          console.log('state', state)
-          console.log('prevState', prevState)
+          console.log('Updated state', store.getState())
         })
 
-        // store.subscribe((state) => {
-        //   console.log('Updated new state', state)
-        //   $text.textContent = store.getState().count
-        // }, (state) => state.count)
+        store.subscribe((state) => {
+          console.log('Updated count state', state)
+          $text.textContent = store.getState().count
+        }, (state) => state.count)
 
-        // store.subscribe(() => {
-        //   console.log('Updated text state', store.getState())
-        // }, (state) => state.text)
+        store.subscribe(() => {
+          console.log('Updated text state', store.getState())
+        }, (state) => state.text)
 
         $button.addEventListener('click', () => {
           store.setState((state) => {
