From 9f7b4f75e641ba9f9fd0cf05c0c53f99b3570fa5 Mon Sep 17 00:00:00 2001
From: Fredrick W Warren <fredwarren@gmail.com>
Date: Wed, 10 Feb 2021 12:23:29 -0800
Subject: [PATCH] 11.3 Connect Search Bar to Vuex State with mapState

---
 src/components/Tasks/Tools/Search.vue | 9 ++++++---
 src/store/store-tasks.js              | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Tasks/Tools/Search.vue b/src/components/Tasks/Tools/Search.vue
index a027c45..e8dcb61 100644
--- a/src/components/Tasks/Tools/Search.vue
+++ b/src/components/Tasks/Tools/Search.vue
@@ -16,11 +16,14 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
+
 export default {
   name: 'Search',
-  data () {
-    return {
-      searchField: ''
+  computed: {
+    ...mapState('tasks', ['search']),
+    searchField () {
+      return this.search
     }
   }
 
diff --git a/src/store/store-tasks.js b/src/store/store-tasks.js
index 24829dc..cd617bf 100644
--- a/src/store/store-tasks.js
+++ b/src/store/store-tasks.js
@@ -23,7 +23,8 @@ const state = {
       dueTime: '16:30'
     }
     */
-  }
+  },
+  search: ''
 }
 
 const mutations = {