feat: refactor code to require refetching the theme whenever a new version releases
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful

This commit is contained in:
Twig 2025-07-16 05:30:11 +02:00
parent e87edbc967
commit 8a172db3f4
No known key found for this signature in database
3 changed files with 37 additions and 27 deletions

21
app.vue
View file

@ -1,14 +1,18 @@
<template>
<div>
<Banner v-if="banner" />
<NuxtPage :keepalive="true" />
</div>
<div>
<Banner v-if="banner" />
<NuxtPage :keepalive="true" />
</div>
</template>
<script lang="ts" setup>
import loadPreferredTheme from '~/utils/loadPreferredTheme';
const banner = useState("banner", () => false);
onMounted(() => {
loadPreferredTheme()
document.removeEventListener("contextmenu", contextMenuHandler);
document.addEventListener("contextmenu", (e) => {
if (e.target instanceof Element && e.target.classList.contains("default-contextmenu")) return;
@ -48,15 +52,6 @@ function contextMenuHandler(e: MouseEvent) {
//]);
}
const currentTheme = settingsLoad().selectedThemeId ?? "dark"
const baseURL = useRuntimeConfig().app.baseURL;
useHead({
link: [{
rel: "stylesheet",
href: `${baseURL}themes/${currentTheme}.css`
}]
})
</script>
<style>