From fe08b091e7b67de0aa077c412c912ea8d92f07a6 Mon Sep 17 00:00:00 2001
From: Fredrick W Warren <fredwarren@gmail.com>
Date: Thu, 11 Feb 2021 15:46:13 -0800
Subject: [PATCH] 15.03 Vuex - Create a Settings Store

---
 src/pages/PageSettings.vue  |  9 ++++++---
 src/store/index.js          |  4 +++-
 src/store/store-settings.js | 25 +++++++++++++++++++++++++
 3 files changed, 34 insertions(+), 4 deletions(-)
 create mode 100644 src/store/store-settings.js

diff --git a/src/pages/PageSettings.vue b/src/pages/PageSettings.vue
index 1b2c3b2..3b3e940 100644
--- a/src/pages/PageSettings.vue
+++ b/src/pages/PageSettings.vue
@@ -19,11 +19,14 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 export default {
   name: 'PageSettings',
-  data () {
-    return {
-      show12HourTimeFormat: false
+  computed: {
+    ...mapGetters('settings', ['settings']),
+    show12HourTimeFormat () {
+      return this.settings.show12HourTimeFormat
     }
   }
 }
diff --git a/src/store/index.js b/src/store/index.js
index 4e4059b..cbd1d0d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 
 import tasks from './store-tasks'
+import settings from './store-settings'
 
 Vue.use(Vuex)
 
@@ -17,7 +18,8 @@ Vue.use(Vuex)
 export default function (/* { ssrContext } */) {
   const Store = new Vuex.Store({
     modules: {
-      tasks
+      tasks,
+      settings
     },
 
     // enable strict mode (adds overhead!)
diff --git a/src/store/store-settings.js b/src/store/store-settings.js
new file mode 100644
index 0000000..4609ea2
--- /dev/null
+++ b/src/store/store-settings.js
@@ -0,0 +1,25 @@
+const state = {
+  settings: {
+    show12HourTimeFormat: false
+  }
+}
+
+const mutations = {
+}
+
+const actions = {
+}
+
+const getters = {
+  settings: state => {
+    return state.settings
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+  getters
+}