Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2025-11-04 06:31:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix stacked listeners

Browse Source
This commit is contained in:
Bnyro
2022-10-06 21:20:35 +02:00
parent c7595049bd
commit 9621c346c0
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/main.js
View File

@@ -64,6 +64,7 @@ import "@unocss/reset/tailwind.css";
import "uno.css"; import "uno.css";
const timeAgo = new TimeAgo("en-US"); const timeAgo = new TimeAgo("en-US");
const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
import("./registerServiceWorker"); import("./registerServiceWorker");
@@ -240,13 +241,11 @@ const mixin = {
computed: { computed: {
theme() { theme() {
this.refreshTheme; // forces Vue to recompute the value when the var gets changed this.refreshTheme; // forces Vue to recompute the value when the var gets changed
if (this.getPreferenceString("theme", "dark") == "auto") { let themePref = this.getPreferenceString("theme", "dark");
const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)"); if (themePref == "auto") {
// Forces the app to recompute the theme class
darkModePreference.addEventListener("change", () => this.refreshTheme++);
return darkModePreference.matches ? "dark" : "light"; return darkModePreference.matches ? "dark" : "light";
} }
return this.getPreferenceString("theme", "dark"); return themePref;
}, },
authenticated(_this) { authenticated(_this) {
return _this.getAuthToken() !== undefined; return _this.getAuthToken() !== undefined;
@@ -279,6 +278,10 @@ const mixin = {
refreshTheme: 0, refreshTheme: 0,
}; };
}, },
mounted() {
// Forces the app to recompute the theme class
darkModePreference.addEventListener("change", () => this.refreshTheme++);
},
}; };
const i18n = createI18n({ const i18n = createI18n({