From edc336bba683cbc06d1f3b8bace14a80ec2d7c5d Mon Sep 17 00:00:00 2001 From: =?utf8?q?Ga=C3=ABtan=20Caillaut?= Date: Tue, 9 Mar 2021 18:29:41 +0100 Subject: [PATCH] yarn lint --- src/components/DarkMode.vue | 30 +++++++++++++++++++----------- 1 file changed, 19 insertions(+), 11 deletions(-) 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]; - } + }, }, }; -- 2.41.0