From 5b0e0af0280d4924b1120eeb7d6f91906aafb711 Mon Sep 17 00:00:00 2001
From: khatabwedaa <khatabwedaa@gmail.com>
Date: Sun, 27 Dec 2020 16:13:24 +0200
Subject: [PATCH] Add Dark mode to local storage

---
 src/App.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9cd89ba..0618607 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="darkMode ? 'dark' : ''">
+    <div :class="{ 'dark' : darkMode }">
         <div class="bg-white dark:bg-gray-900 font-roboto" id="app">
             <header-component></header-component>
             <main-component></main-component>
@@ -35,8 +35,8 @@ export default {
 
     data() {
         return {
+            darkMode: JSON.parse(localStorage.getItem("merakiuiDarkMode")) || false,
             og: "https://merakiui.com" + require("./assets/merakiui-og.png"),
-            darkMode: false,
         };
     },
 
@@ -67,6 +67,13 @@ export default {
     mounted() {
         this.$ga.page("/");
     },
+
+    watch: {
+		darkMode() {
+			localStorage.setItem("merakiuiDarkMode", this.darkMode);
+			console.log('Night Mode: ' + this.darkMode);
+		}
+	},
 };
 </script>