Browse Source

Merge pull request #99 from ryangjchandler/feature/toggle

feature: add new toggle() method
Ryan Chandler 4 years ago
parent
commit
7de9a6d248
8 changed files with 13 additions and 0 deletions
  1. 0 0
      dist/spruce.js
  2. 0 0
      dist/spruce.js.map
  3. 0 0
      dist/spruce.module.js
  4. 0 0
      dist/spruce.module.js.map
  5. 0 0
      dist/spruce.umd.js
  6. 0 0
      dist/spruce.umd.js.map
  7. 9 0
      examples/index.html
  8. 4 0
      src/index.js

File diff suppressed because it is too large
+ 0 - 0
dist/spruce.js


File diff suppressed because it is too large
+ 0 - 0
dist/spruce.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/spruce.module.js


File diff suppressed because it is too large
+ 0 - 0
dist/spruce.module.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/spruce.umd.js


File diff suppressed because it is too large
+ 0 - 0
dist/spruce.umd.js.map


+ 9 - 0
examples/index.html

@@ -43,6 +43,11 @@
             <input type="text" x-model="$store.user.name">
         </div>
 
+        <div x-data>
+            <input type="checkbox" x-model="$store.toggled.on">
+            <button @click="Spruce.toggle('toggled.on')">Toggle checkbox</button>
+        </div>
+
         <script src="../dist/spruce.umd.js"></script>
 
         <script>
@@ -60,6 +65,10 @@
                 }
             }, true)
 
+            Spruce.store('toggled', {
+                on: true
+            })
+
             Spruce.store('colorScheme', 'light', true)
 
             Spruce.store('todo', {

+ 4 - 0
src/index.js

@@ -176,6 +176,10 @@ const Spruce = {
         }
     },
 
+    toggle(name) {
+        return this.set(name, ! this.get(name))
+    },
+
     watch(name, callback) {
         if (! this.hasStarted) {
             this.watchers[name] || (this.watchers[name] = [])

Some files were not shown because too many files changed in this diff