From: Gaƫtan Caillaut Date: Tue, 9 Mar 2021 17:29:41 +0000 (+0100) Subject: yarn lint X-Git-Tag: v21.03.2^2 X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=edc336bba683cbc06d1f3b8bace14a80ec2d7c5d;p=github%2Fbastienwirtz%2Fhomer.git yarn lint --- diff --git a/src/components/DarkMode.vue b/src/components/DarkMode.vue index 4c5ba03..80491fa 100644 --- a/src/components/DarkMode.vue +++ b/src/components/DarkMode.vue @@ -4,7 +4,11 @@ aria-label="Toggle dark mode" class="navbar-item is-inline-block-mobile" > - + @@ -21,7 +25,7 @@ export default { }, created: function () { this.faClasses = ["fas fa-adjust", "fas fa-circle", "far fa-circle"]; - this.titles = ["Auto-switch", "Light theme", "Dark theme"] + this.titles = ["Auto-switch", "Light theme", "Dark theme"]; this.mode = 0; if ("overrideDark" in localStorage) { // Light theme is 1 and Dark theme is 2 @@ -32,33 +36,37 @@ export default { }, methods: { toggleTheme: function () { - this.mode = (this.mode + 1) % 3 - switch(this.mode) { + this.mode = (this.mode + 1) % 3; + switch (this.mode) { // Default behavior case 0: localStorage.removeItem("overrideDark"); - break + break; // Force light theme case 1: localStorage.overrideDark = false; - break + break; // Force dark theme case 2: localStorage.overrideDark = true; - break + break; default: // Should be unreachable - break + break; } this.isDark = this.getIsDark(); this.$emit("updated", this.isDark); }, - getIsDark: function() { - const values = [matchMedia("(prefers-color-scheme: dark)").matches, false, true]; + getIsDark: function () { + const values = [ + matchMedia("(prefers-color-scheme: dark)").matches, + false, + true, + ]; return values[this.mode]; - } + }, }, };