Merge pull request #21 from technikhil314/develop

Develop

Author: technikhil314

components/Toast.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="toast" class="absolute right-[20px] top-24">
+  <div id="toast" class="fixed right-[20px] top-24">
     <div
       class="
         absolute

components/navbar.vue

@@ -167,8 +167,9 @@ export default {
   },
   mounted() {
     if (this.$isDarkMode) {
-      this.toggleDarkMode(null, true)
+      this.toggleDarkMode(null, false)
     }
+    document.documentElement.classList.remove('hidden')
   },
   methods: {
     toggleDarkMode(e, val) {
@@ -178,7 +179,6 @@ export default {
         'dark'
       )
       document.cookie = `darkMode=${this.darkMode}; Secure; max-age=31536000; path=/;`
-      document.documentElement.classList.remove('hidden')
     },
   },
 }

helpers/isDarkModeCookie.ts

@@ -9,8 +9,8 @@ export default function () {
       cookieMap[name] = val
     }
   })
-  if(cookieMap.darkMode) {
-    return cookieMap.darkMode === "true";
+  if (cookieMap.darkMode) {
+    return cookieMap.darkMode === 'true'
   }
-  return window.matchMedia('(prefers-color-scheme: dark)').matches;
+  return window.matchMedia('(prefers-color-scheme: dark)').matches
 }