From 518cfa014276b6ab378c25a1eaf6b97be738f014 Mon Sep 17 00:00:00 2001 From: Lyric <5h3ll3x@gmail.com> Date: Wed, 21 Feb 2024 20:45:19 -0800 Subject: [PATCH] refactor --- .../.vitepress/theme/components/ThemedImageSwitch.vue | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/1000-hours/.vitepress/theme/components/ThemedImageSwitch.vue b/1000-hours/.vitepress/theme/components/ThemedImageSwitch.vue index 1e8e9284..87d2d42f 100644 --- a/1000-hours/.vitepress/theme/components/ThemedImageSwitch.vue +++ b/1000-hours/.vitepress/theme/components/ThemedImageSwitch.vue @@ -58,10 +58,12 @@ function switchImagesTheme(isDark:boolean) { onMounted(() => { const htmlEle:any = document.querySelector('html'); + const isDark = htmlEle.classList.contains('dark'); + const observer = new MutationObserver((mutationsList, observer) => { for(const mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { - switchImagesTheme(htmlEle.classList.contains('dark')) + switchImagesTheme(isDark) } } }); @@ -73,7 +75,7 @@ onMounted(() => { observer.observe(htmlEle, config); // apply html - switchImagesTheme(htmlEle.classList.contains('dark')) + switchImagesTheme(isDark); });