wip

src/renderer/App.vue

@@ -351,15 +351,15 @@ const dumpListeners = () => {
     });
 
     window.ipcRenderer.on("validate", (event, { content }) => {
-        let textContent;
-        const filterPayload = payload.value.filter((globalPayload: Payload) => globalPayload.id === content.id)[0];
+        let textContent: string;
+        const filterPayload: Payload = payload.value.filter((globalPayload: Payload) => globalPayload.id === content.id)[0];
 
         if (filterPayload.hasOwnProperty("json")) {
-            textContent = filterPayload.json.original_content;
+            textContent = filterPayload.json?.original_content || '';
         }
 
         if (filterPayload.hasOwnProperty("dump")) {
-            textContent = filterPayload.dump.original_content;
+            textContent = filterPayload.dump?.original_content || '';
         }
 
         const strContains = Helper.strContains(textContent, content.validate.content, {
@@ -575,7 +575,7 @@ type EventType = "label" | "color" | "screen" | "dump";
 
 const interval = ref(null);
 
-const dispatch = (type: string, event: EventType, content: any): void => {
+const dispatch = (type: string, event: Electron.IpcRendererEvent, content: any): void => {
     if (isPaused.value) {
         return;
     }

src/renderer/store/payload.ts

@@ -22,8 +22,5 @@ export const usePayloadStore = defineStore("payload", {
         clearAll() {
             this.payload = [];
         }
-    },
-    persist: {
-        enabled: true
     }
 });

src/renderer/store/screen.ts

@@ -3,7 +3,7 @@ import { ScreenPayload } from "@/types/Payload";
 
 type State = {
     screen: string;
-    screens: [];
+    screens: ScreenPayload[];
     pinned?: string | null;
 };
 
@@ -17,7 +17,7 @@ export const useScreenStore = defineStore("screen", {
             this.screen = value;
         },
         add(screen: ScreenPayload) {
-            const exists = this.screens.filter((screenPayload: ScreenPayload) => screen.screen_name === screenPayload.screen_name).length > 0;
+            const exists = this.screens.some((screenPayload: ScreenPayload) => screenPayload.screen_name === screen.screen_name);
 
             if (!exists) {
                 this.screens.push(screen);
@@ -32,10 +32,8 @@ export const useScreenStore = defineStore("screen", {
         all() {
             return this.screens;
         },
-        get(screen: string) {
-            return this.screens.filter((screenPayload: ScreenPayload) => {
-                return screenPayload.screen_name === screen;
-            })[0];
+        get(screenName: string) {
+            return this.screens.find((screenPayload: ScreenPayload) => screenPayload.screen_name === screenName) || null;
         },
         toggleVisible(screenName: string) {
             this.screens = this.screens.map((screen: ScreenPayload) => {
@@ -58,10 +56,7 @@ export const useScreenStore = defineStore("screen", {
             if (index === -1) return null;
 
             const nextIndex = (index + 1) % this.screens.length;
-            return this.screens[nextIndex];
+            return this.screens[nextIndex] || null;
         }
-    },
-    persist: {
-        enabled: true
     }
 });