Finish removing unecessary props.

src/components/ExportPanel.vue

@@ -131,6 +131,7 @@
 import XrayExportSession from "./xray/XrayExportSession";
 import ZephyrSquadExportSession from "./zephyr/ZephyrSquadExportSession";
 import ZephyrScaleExportSession from "./zephyr/ZephyrScaleExportSession";
+import { mapGetters } from "vuex";
 
 export default {
   name: "ExportPanel",
@@ -141,37 +142,18 @@ export default {
     ZephyrSquadExportSession,
     ZephyrScaleExportSession,
   },
-  props: {
-    items: {
-      type: Array,
-      default: () => [],
-    },
-    configItem: {
-      type: Object,
-      default: () => {},
-    },
-    credentialItems: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  watch: {
-    items: function (newValue) {
-      this.itemLists = newValue;
-    },
-    configItem: function (newValue) {
-      this.config = newValue;
-    },
-    credentialItems: function (newValue) {
-      this.credentials = newValue;
-    },
+  props: {},
+
+  computed: {
+    ...mapGetters({
+      itemLists: "sessionItems",
+      config: "config/fullConfig",
+      credentials: "auth/credentials",
+    }),
   },
   data() {
     return {
       exportSessionDialog: false,
-      itemLists: this.items,
-      config: this.configItem,
-      credentials: this.credentialItems,
       evidenceExportDestinationMenu: false,
     };
   },

src/components/ReviewWrapper.vue

@@ -51,6 +51,7 @@ import MindmapEditor from "./MindmapEditor.vue";
 
 import { STATUSES, FILE_TYPES } from "../modules/constants";
 import { updateImageForWeb } from "@/helpers/WebHelpers";
+import { mapGetters } from "vuex";
 
 export default {
   name: "ReviewWrapper",
@@ -82,10 +83,6 @@ export default {
       type: String,
       default: () => "",
     },
-    configItem: {
-      type: Object,
-      default: () => {},
-    },
   },
   watch: {
     item: function (newValue) {
@@ -97,19 +94,20 @@ export default {
     autoSave: function (newValue) {
       this.autoSaveEvent = newValue;
     },
-    configItem: function (newValue) {
-      this.config = newValue;
-    },
   },
   data() {
     return {
       editSessionItem: this.item,
       triggerSaveEvent: this.triggerSave,
       autoSaveEvent: this.autoSave,
       currentViewName: this.currentView,
-      config: this.configItem,
     };
   },
+  computed: {
+    ...mapGetters({
+      config: "config/fullConfig",
+    }),
+  },
   methods: {
     getType(type) {
       return FILE_TYPES[type];

src/components/TimelineWrapper.vue

@@ -947,6 +947,7 @@ import { STATUSES, TEXT_TYPES, FILE_TYPES } from "@/modules/constants";
 import AddEvidenceDialog from "@/components/dialogs/AddEvidenceDialog.vue";
 import EditEvidenceDialog from "@/components/dialogs/EditEvidenceDialog.vue";
 import WaveSurfer from "wavesurfer.js";
+import { mapGetters } from "vuex";
 
 export default {
   name: "TimelineWrapper",
@@ -964,10 +965,6 @@ export default {
     draggable,
   },
   props: {
-    items: {
-      type: Array,
-      default: () => [],
-    },
     selectedItems: {
       type: Array,
       default: () => [],
@@ -979,8 +976,8 @@ export default {
   },
   watch: {
     items: {
-      async handler(newValue) {
-        this.itemLists = newValue;
+      async handler() {
+        this.itemLists = this.items;
         let newMap = { ...this.emojiMenu };
         this.itemLists.map(async (item) => {
           newMap[`menu-${item.stepID}`] = false;
@@ -1025,6 +1022,9 @@ export default {
     };
   },
   computed: {
+    ...mapGetters({
+      items: "sessionItems",
+    }),
     status() {
       return this.$store.state.session.status;
     },

src/components/WorkspaceWrapper.vue

@@ -33,12 +33,16 @@
   </v-container>
 </template>
 <script>
+import { mapGetters } from "vuex";
 import NotesWrapper from "./NotesWrapper.vue";
 import TimelineWrapper from "./TimelineWrapper.vue";
 
 export default {
   name: "WorkspaceWrapper",
   computed: {
+    ...mapGetters({
+      itemLists: "sessionItems",
+    }),
     currentTheme() {
       if (this.$vuetify.theme.dark) {
         return this.$vuetify.theme.themes.dark;
@@ -52,10 +56,6 @@ export default {
     TimelineWrapper,
   },
   props: {
-    items: {
-      type: Array,
-      default: () => [],
-    },
     selectedItems: {
       type: Array,
       default: () => [],
@@ -66,9 +66,6 @@ export default {
     },
   },
   watch: {
-    items: function (newValue) {
-      this.itemLists = newValue;
-    },
     selectedItems: function (newValue) {
       this.selected = newValue;
     },
@@ -78,7 +75,6 @@ export default {
   },
   data() {
     return {
-      itemLists: this.items,
       selected: this.selectedItems,
       eventName: this.eventType,
       currentTab: "timeline",

src/components/authentication/SigninWrapper.vue

@@ -157,34 +157,18 @@ export default {
   name: "SigninWrapper",
   components: {},
   props: {
-    configItem: {
-      type: Object,
-      default: () => {},
-    },
-    credentialItems: {
-      type: Object,
-      default: () => {},
-    },
     prevRoute: {
       type: Object,
       default: () => {},
     },
   },
   watch: {
-    configItem: function (newValue) {
-      this.config = newValue;
-    },
-    credentialItems: function (newValue) {
-      this.credentials = newValue;
-    },
     prevRoute: function (newValue) {
       this.previousRoute = newValue;
     },
   },
   data() {
     return {
-      config: this.configItem,
-      credentials: this.credentialItems,
       previousRoute: this.prevRoute,
       loading: false,
       snackBar: {

src/components/authentication/SigninYattWrapper.vue

@@ -86,37 +86,28 @@
 import axios from "axios";
 import dayjs from "dayjs";
 import yattIntegrationHelper from "../../integrations/YattIntegrationHelpers";
+import { mapGetters } from "vuex";
+
 export default {
   name: "SigninYattWrapper",
   props: {
-    configItem: {
-      type: Object,
-      default: () => {},
-    },
-    credentialItems: {
-      type: Object,
-      default: () => {},
-    },
     prevRoute: {
       type: Object,
       default: () => {},
     },
   },
   watch: {
-    configItem: function (newValue) {
-      this.config = newValue;
-    },
-    credentialItems: function (newValue) {
-      this.credentials = newValue;
-    },
     prevRoute: function (newValue) {
       this.previousRoute = newValue;
     },
   },
+  computed: {
+    ...mapGetters({
+      credentials: "auth/credentials",
+    }),
+  },
   data() {
     return {
-      config: this.configItem,
-      credentials: this.credentialItems,
       previousRoute: this.prevRoute,
       username: "",
       password: "",

src/components/authentication/SignupMainWrapper.vue

@@ -147,39 +147,24 @@
 <script>
 import axios from "axios";
 import dayjs from "dayjs";
+import { mapGetters } from "vuex";
 
 export default {
   name: "SignupMainWrapper",
   components: {},
   props: {
-    configItem: {
-      type: Object,
-      default: () => {},
-    },
-    credentialItems: {
-      type: Object,
-      default: () => {},
-    },
     prevRoute: {
       type: Object,
       default: () => {},
     },
   },
   watch: {
-    configItem: function (newValue) {
-      this.config = newValue;
-    },
-    credentialItems: function (newValue) {
-      this.credentials = newValue;
-    },
     prevRoute: function (newValue) {
       this.previousRoute = newValue;
     },
   },
   data() {
     return {
-      config: this.configItem,
-      credentials: this.credentialItems,
       previousRoute: this.prevRoute,
       loading: false,
       snackBar: {
@@ -188,7 +173,11 @@ export default {
       },
     };
   },
-  computed: {},
+  computed: {
+    ...mapGetters({
+      credentials: "auth/credentials",
+    }),
+  },
   mounted() {
     if (this.$isElectron) {
       this.$electronService.onJiraLogin(this.jiraLogin);

src/components/dialogs/AudioErrorDialog.vue

@@ -26,35 +26,26 @@
 
 <script>
 import LogoWrapper from "../LogoWrapper.vue";
+import { mapGetters } from "vuex";
+
 export default {
   name: "AudioErrorDialog",
   components: {
     LogoWrapper,
   },
   props: {
-    configItem: {
-      type: Object,
-      default: () => {},
-    },
     title: String,
     text: String,
   },
   data() {
-    return {
-      config: this.configItem,
-    };
-  },
-  watch: {
-    configItem: function (newValue) {
-      this.config = newValue;
-    },
+    return {};
   },
   computed: {
+    ...mapGetters({
+      hotkeys: "config/hotkeys",
+    }),
     cancelHotkey() {
-      return this.$hotkeyHelpers.findBinding(
-        "general.cancel",
-        this.config.hotkeys
-      );
+      return this.$hotkeyHelpers.findBinding("general.cancel", this.hotkeys);
     },
     currentTheme() {
       if (this.$vuetify.theme.dark) {