From 56f1f8eaaaaa780f26170f14f4b7d31e1bd10ff7 Mon Sep 17 00:00:00 2001
From: Joe Wroten <joe.wroten@q2ebanking.com>
Date: Sun, 7 May 2017 20:37:11 -0400
Subject: [PATCH] Custom state management

---
 src/components/Index.vue | 14 ++++++--------
 src/store.js             |  6 ++++++
 2 files changed, 12 insertions(+), 8 deletions(-)
 create mode 100644 src/store.js

diff --git a/src/components/Index.vue b/src/components/Index.vue
index eaeb95a..04ec5f2 100644
--- a/src/components/Index.vue
+++ b/src/components/Index.vue
@@ -7,7 +7,7 @@
     </div>
 
     <div class="layout-view">
-      <spell-list :spells="store.data"></spell-list>
+      <spell-list :spells="state.spells.data"></spell-list>
     </div>
   </q-layout>
 </template>
@@ -15,8 +15,9 @@
 <script>
 import { Loading } from 'quasar'
 import Vue from 'vue'
+import { state } from '../store'
 import SpellList from './Spelllist'
-import 'whatwg-fetch'
+// import 'whatwg-fetch'
 
 let temporaryData = {
   loaded: true,
@@ -36,19 +37,16 @@ Vue.component('spell-list', SpellList)
 export default {
   data () {
     return {
-      store: {
-        loaded: false,
-        data: []
-      }
+      state
     }
   },
   mounted () {
-    if (this.store.loaded === false) {
+    if (this.state.spells.loaded === false) {
       Loading.show()
     }
 
     setTimeout(() => {
-      this.store = temporaryData
+      this.state.spells = temporaryData
       Loading.hide()
     }, 2000)
   }
diff --git a/src/store.js b/src/store.js
new file mode 100644
index 0000000..0553049
--- /dev/null
+++ b/src/store.js
@@ -0,0 +1,6 @@
+export let state = {
+  spells: {
+    loaded: false,
+    data: []
+  }
+}