implemented mode change

components/LoginForm.vue

@@ -49,7 +49,7 @@
 
 <script setup>
 // import { useRouter } from 'vue-router';
-import { ref, onBeforeUnmount } from 'vue';
+import { ref, onBeforeUnmount, onMounted } from 'vue';
 import Axios from '../axios.config.js';
 import clientsideConfig from '../clientsideConfig.js';
 import { useStore } from 'vuex';
@@ -58,7 +58,7 @@ const store = useStore();
 
 const { signIn } = useAuth()
 // const router = useRouter();
-const darkMode = ref(true);
+const darkMode = ref('');
 const isError = ref(false);
 const showPassword = ref(false);
 const errorMsg = ref('');
@@ -120,6 +120,7 @@ const handleLogin = async () => {
       setItem('logged-in-user-adminBool', response.data.adminBool)
       setItem('logged-in-user-technicianBool', response.data.technicianBool)
       setItem('logged-in-user-readerBool', response.data.readerBool)
+      setItem('logged-in-user-darkMode', response.data.darkModeBool)
       setTimeout(() => {
       }, 500);
       store.commit('setLocalStorageChanged');
@@ -187,7 +188,25 @@ const handleLogin = async () => {
 //   }
 // }
 
+const getSession = async () => {
+  const loggedInUserDarkModeBool = getItem('logged-in-user-darkMode');
+  if (loggedInUserDarkModeBool == 1) {
+    darkMode.value = true;
+  } else {
+    darkMode.value = false;
+  }
+}
+
+function getItem(item) {
+  if (process.client) {
+    return localStorage.getItem(item)
+  } else {
+    return undefined
+  }
+}
+
 onMounted(() => {
+  getSession();
   document.addEventListener('keyup', handleKeyUp);
   document.getElementById('username-input').value = '';
   document.getElementById('password-input').value = '';