From c3a0c1a40262343e1c7e6ec9a0bba9772054ba6d Mon Sep 17 00:00:00 2001
From: Mateja <mail@matejamaric.com>
Date: Sun, 14 Mar 2021 01:13:32 +0100
Subject: Use computed setter in call-sign-filter component.

---
 resources/js/components/call-sign-filter.vue | 18 ++++++++++--------
 resources/js/store.js                        |  8 +++++++-
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue
index 9ad202d..658b0d2 100644
--- a/resources/js/components/call-sign-filter.vue
+++ b/resources/js/components/call-sign-filter.vue
@@ -9,18 +9,20 @@
 import store from '../store.js';
 
 export default {
-  data() {
-    return {
-      selected: store.state.selectedSign,
-      //options: store.state.callSigns
-    }
-  },
   mounted() {
-    store.dispatch('getSigns');
+    store.dispatch('fillSigns');
   },
   computed: {
+    selected: {
+      get() {
+        return store.getters.getSelectedSign;
+      },
+      set(value) {
+        store.dispatch('setSelectedSign', value);
+      }
+    },
     options() {
-      return store.state.callSigns;
+      return store.getters.getSigns;
     }
   }
 }
diff --git a/resources/js/store.js b/resources/js/store.js
index 7f5f1df..33b7469 100644
--- a/resources/js/store.js
+++ b/resources/js/store.js
@@ -17,12 +17,18 @@ const store = new Vuex.Store({
     }
   },
   mutations: {
+    setSelectedSign(state, sign) {
+      state.selectedSign = sign;
+    },
     fillSigns(state, signs) {
       state.callSigns = signs;
     }
   },
   actions: {
-    getSigns(context) {
+    setSelectedSign(context, sign) {
+      context.commit('setSelectedSign', sign);
+    },
+    fillSigns(context) {
       let data = ['test', 'TEST', 'TeSt'];
       context.commit('fillSigns', data);
     }
-- 
cgit v1.2.3