From 5ba15f885023cb4883ffd89c936e9ca23c3a6d7f Mon Sep 17 00:00:00 2001
From: "Phyks (Lucas Verney)" <phyks@phyks.me>
Date: Fri, 22 Sep 2017 09:51:24 -0400
Subject: [PATCH] Refactor store management

---
 src/App.vue                         | 4 ++--
 src/components/NavigationDrawer.vue | 2 +-
 src/store/getters.js                | 6 ------
 src/store/index.js                  | 4 ----
 src/views/Product.vue               | 4 ++--
 5 files changed, 5 insertions(+), 15 deletions(-)
 delete mode 100644 src/store/getters.js

diff --git a/src/App.vue b/src/App.vue
index 1e1987b..580e3c7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,10 +20,10 @@ export default {
     },
     computed: {
         title() {
-            return this.$store.getters.ui.title;
+            return this.$store.state.ui.title;
         },
         backgroundColor() {
-            return this.$store.getters.ui.backgroundColor;
+            return this.$store.state.ui.backgroundColor;
         },
     },
     data() {
diff --git a/src/components/NavigationDrawer.vue b/src/components/NavigationDrawer.vue
index fe396fa..984bfd8 100644
--- a/src/components/NavigationDrawer.vue
+++ b/src/components/NavigationDrawer.vue
@@ -44,7 +44,7 @@
 
 <script>
 /**
- * TODO: Do not open drawer on route change.
+ * TODO: Do not open drawer on route change nor on resize.
  * TODO: Should stick to the toolbar on xs screens. Should be fixed by Vuetify 0.16.
  */
 export default {
diff --git a/src/store/getters.js b/src/store/getters.js
deleted file mode 100644
index 4921669..0000000
--- a/src/store/getters.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// TODO: Shouldn't we use mapState/mapGetters?
-export default {
-    product: state => state.product,
-    isLoading: state => state.isLoading,
-    ui: state => state.ui,
-};
diff --git a/src/store/index.js b/src/store/index.js
index 1076c3f..78508fe 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,9 +1,7 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
-import createLogger from 'vuex/dist/logger';  // TODO
 
 import actions from './actions';
-import getters from './getters';
 import { initialState as state, mutations } from './mutations';
 
 Vue.use(Vuex);
@@ -11,7 +9,5 @@ Vue.use(Vuex);
 export default new Vuex.Store({
     state,
     actions,
-    getters,
     mutations,
-    plugins: [createLogger()],
 });
diff --git a/src/views/Product.vue b/src/views/Product.vue
index 39d57b4..e9f84d6 100644
--- a/src/views/Product.vue
+++ b/src/views/Product.vue
@@ -67,12 +67,12 @@ export default {
     },
     computed: {
         product() {
-            const product = this.$store.getters.product;
+            const product = this.$store.state.product;
             this.$store.dispatch('setTitle', { title: product.product_name });
             return product;
         },
         isLoading() {
-            return this.$store.getters.isLoading;
+            return this.$store.state.isLoading;
         },
     },
     methods: {