From 0d83a3374b4a613f5d6b3d282ff16981732ac7bd Mon Sep 17 00:00:00 2001
From: sharpshark28 <sharpshark28@gmail.com>
Date: Thu, 25 May 2017 17:36:14 -0500
Subject: [PATCH] Added wipe spellbook functionality

---
 src/components/About.vue | 30 +++++++++++++++++++++++++++++-
 src/store.js             |  4 ++++
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/components/About.vue b/src/components/About.vue
index e7e5464..0fd9f60 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -6,6 +6,16 @@
       web-based application to elegantly view spells and save them to your local spellbook.
     </p>
 
+    <h2>Settings</h2>
+    <button
+      class="primary"
+      v-on:click="wipeChosen"
+      :disabled="disableChosen"
+    >
+      <i class="on-left">delete</i>
+      Reset Spellbook
+    </button>
+
     <h2>License</h2>
     <p>
       Open Game License v1.0a Copyright 2000, Wizards of the Coast, Inc.
@@ -30,9 +40,27 @@
 </template>
 
 <script>
+import { Toast } from 'quasar'
+import { dispatch, state } from '../store'
+
 export default {
   data () {
-    return {}
+    return { state }
+  },
+  computed: {
+    disableChosen () {
+      return this.state.chosen.length === 0
+    }
+  },
+  methods: {
+    wipeChosen () {
+      dispatch({
+        type: 'WIPE_CHOSEN'
+      })
+      Toast.create({
+        html: 'Spellbook Reset'
+      })
+    }
   }
 }
 </script>
diff --git a/src/store.js b/src/store.js
index 4f5cd48..5b4a554 100644
--- a/src/store.js
+++ b/src/store.js
@@ -20,6 +20,10 @@ export function dispatch (action) {
     case 'LOAD_LOCAL_CHOSEN' :
       state.chosen = LocalStorage.get.item('chosen').split(',')
       break
+    case 'WIPE_CHOSEN':
+      state.chosen = []
+      LocalStorage.remove('chosen')
+      break
     case 'CHANGE_CHOSEN':
       if (action.data.want) {
         state.chosen.push(action.data.name)