Remove appHasDarkClass function

This commit is contained in:
2026-05-17 20:38:19 +02:00
parent cd67bf486f
commit 555bdb0cfb
2 changed files with 3 additions and 8 deletions
+2 -2
View File
@@ -21,14 +21,14 @@ import Footer from './features/footer/components/Footer.vue';
import { useColorTheme } from './features/colorTheme/composables/useColorTheme'; import { useColorTheme } from './features/colorTheme/composables/useColorTheme';
import { ref, provide, watch } from 'vue'; import { ref, provide, watch } from 'vue';
const { getColorTheme, updateColorTheme, appHasDarkClass } = useColorTheme(); const { getColorTheme, updateColorTheme } = useColorTheme();
const colorTheme = ref(getColorTheme()); const colorTheme = ref(getColorTheme());
provide('colorTheme', colorTheme); provide('colorTheme', colorTheme);
watch(colorTheme, val => updateColorTheme(val)) watch(colorTheme, val => updateColorTheme(val))
</script> </script>
<template> <template>
<div :class="{ dark: appHasDarkClass(colorTheme) }" class="app-wrapper"> <div :class="{ dark: colorTheme === 'dark' }" class="app-wrapper">
<Navbar /> <Navbar />
<div class="main-content"> <div class="main-content">
@@ -32,13 +32,8 @@ export const useColorTheme = function () {
localStorage.setItem('theme', actualNewTheme); localStorage.setItem('theme', actualNewTheme);
}; };
const appHasDarkClass = function (colorTheme) {
return colorTheme === 'dark';
};
return { return {
getColorTheme, getColorTheme,
updateColorTheme, updateColorTheme
appHasDarkClass
}; };
}; };