implemented mode change

pages/login.vue

@@ -11,7 +11,7 @@
 
 
 <script setup>
-import { ref } from 'vue';
+import { ref, onMounted } from 'vue';
 
 import LoginForm from "../components/LoginForm.vue";
 
@@ -21,7 +21,28 @@ definePageMeta({
   auth: false,
 })
 
-const darkMode = ref(true)
+const darkMode = ref('');
+
+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(async () => {
+  await getSession();
+});
 </script>
 
 <script>
@@ -29,9 +50,9 @@ export default {
   name: "LoginPage",
 }
 </script>
-  
-  
-  
+
+
+
 <style scoped>
 * {
   box-sizing: border-box;