Respect the initial value of isDarkModeEnabled

archesproject · Dec 3, 2024 · ad5a688 · ad5a688
1 parent ae1b7e0
commit ad5a688
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/arches_lingo/src/arches_lingo/components/header/DarkModeToggle.vue b/arches_lingo/src/arches_lingo/components/header/DarkModeToggle.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { onMounted, ref } from "vue";
 import { useGettext } from "vue3-gettext";
 
 import ToggleButton from "primevue/togglebutton";
@@ -21,6 +21,12 @@ function toggleDarkMode() {
     );
     isDarkModeEnabled.value = !isDarkModeEnabled.value;
 }
+
+onMounted(() => {
+    if (isDarkModeEnabled.value) {
+        toggleDarkMode();
+    }
+});
 </script>
 
 <template>