[#6] add localstorage keys to constant

Author: Kreezag

config/constants.ts

@@ -46,3 +46,8 @@ export const EVENT_STATUS_COLOR_MAP = {
   DEBUG: "gray",
   SUCCESS: "green",
 };
+
+export const LOCAL_STORAGE_KEYS = {
+  CACHED_EVENTS: "cached_events",
+  THEME: "theme",
+};

stores/events.ts

@@ -11,7 +11,7 @@ import {
   SMTP,
   VarDump,
 } from "~/config/types";
-import { ALL_EVENTS, EVENT_TYPES } from "~/config/constants";
+import { ALL_EVENTS, EVENT_TYPES, LOCAL_STORAGE_KEYS } from "~/config/constants";
 
 type TCachedEventsEmptyMap = Record<OneOfValues<typeof EVENT_TYPES>, EventId[]>;
 
@@ -28,7 +28,7 @@ const initialCachedEventsIdsMap: TCachedEventsEmptyMap = {
 
 const { localStorage } = window;
 const getCachedEventsIdsMap = (): TCachedEventsEmptyMap => {
-  const storageValue = localStorage?.getItem("cached_events");
+  const storageValue = localStorage?.getItem(LOCAL_STORAGE_KEYS.CACHED_EVENTS);
 
   if (storageValue) {
     return JSON.parse(storageValue) as TCachedEventsEmptyMap;
@@ -99,7 +99,7 @@ export const useEventStore = defineStore("useEventStore", {
         });
 
       localStorage?.setItem(
-        "cached_events",
+        LOCAL_STORAGE_KEYS.CACHED_EVENTS,
         JSON.stringify(this.cachedEventsIdsMap)
       );
     },
@@ -109,7 +109,7 @@ export const useEventStore = defineStore("useEventStore", {
       this.cachedEventsIdsMap[eventType].length = 0;
 
       localStorage?.setItem(
-        "cached_events",
+        LOCAL_STORAGE_KEYS.CACHED_EVENTS,
         JSON.stringify(this.cachedEventsIdsMap)
       );
     },

stores/theme.ts

@@ -1,30 +1,38 @@
-import { defineStore } from 'pinia';
+import { defineStore } from "pinia";
+import { LOCAL_STORAGE_KEYS } from "~/config/constants";
 
 export const THEME_MODES = {
-  LIGHT: 'light',
-  DARK: 'dark',
-}
+  LIGHT: "light",
+  DARK: "dark",
+};
 
 const checkDarkTheme = () => {
   if (process.client) {
-    return window?.localStorage.getItem('theme') === THEME_MODES.DARK || window.matchMedia('(prefers-color-scheme: dark)').matches
+    return (
+      window?.localStorage.getItem(LOCAL_STORAGE_KEYS.THEME) ===
+        THEME_MODES.DARK ||
+      window.matchMedia("(prefers-color-scheme: dark)").matches
+    );
   }
 
   return {
-    themeType: false
-  }
-}
+    themeType: false,
+  };
+};
 
-export const useThemeStore = defineStore('themeStore', {
+export const useThemeStore = defineStore("themeStore", {
   state: () => ({
-    themeType: checkDarkTheme() ?  THEME_MODES.DARK : THEME_MODES.LIGHT
+    themeType: checkDarkTheme() ? THEME_MODES.DARK : THEME_MODES.LIGHT,
   }),
   actions: {
     themeChange() {
-      const newType = this.themeType === THEME_MODES.DARK ? THEME_MODES.LIGHT : THEME_MODES.DARK;
+      const newType =
+        this.themeType === THEME_MODES.DARK
+          ? THEME_MODES.LIGHT
+          : THEME_MODES.DARK;
 
-      window?.localStorage.setItem('theme', newType);
+      window?.localStorage.setItem(LOCAL_STORAGE_KEYS.THEME, newType);
       this.themeType = newType;
     },
   },
-})
+});