Add Dark mode to local storage
This commit is contained in:
parent
ce79c7f31a
commit
5b0e0af028
11
src/App.vue
11
src/App.vue
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div :class="darkMode ? 'dark' : ''">
|
<div :class="{ 'dark' : darkMode }">
|
||||||
<div class="bg-white dark:bg-gray-900 font-roboto" id="app">
|
<div class="bg-white dark:bg-gray-900 font-roboto" id="app">
|
||||||
<header-component></header-component>
|
<header-component></header-component>
|
||||||
<main-component></main-component>
|
<main-component></main-component>
|
||||||
|
@ -35,8 +35,8 @@ export default {
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
darkMode: JSON.parse(localStorage.getItem("merakiuiDarkMode")) || false,
|
||||||
og: "https://merakiui.com" + require("./assets/merakiui-og.png"),
|
og: "https://merakiui.com" + require("./assets/merakiui-og.png"),
|
||||||
darkMode: false,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -67,6 +67,13 @@ export default {
|
||||||
mounted() {
|
mounted() {
|
||||||
this.$ga.page("/");
|
this.$ga.page("/");
|
||||||
},
|
},
|
||||||
|
|
||||||
|
watch: {
|
||||||
|
darkMode() {
|
||||||
|
localStorage.setItem("merakiuiDarkMode", this.darkMode);
|
||||||
|
console.log('Night Mode: ' + this.darkMode);
|
||||||
|
}
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue