fix(plugin-comments): optimize Giscus theme recognisation method

ISSUES CLOSED: #198
vuepress-reco · Jun 4, 2023 · 3024e63 · 3024e63
1 parent 24b84a6
commit 3024e63
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/@vuepress-reco/plugin-comments/src/client/components/Giscus.ts b/packages/@vuepress-reco/plugin-comments/src/client/components/Giscus.ts
@@ -30,7 +30,7 @@ export default defineComponent({
 
     onMounted(async () => {
       const fn = function() {
-        const dark = document.querySelector('html')?.className === 'dark'
+        const dark = document.documentElement.classList?.contains('dark')
         // @ts-ignore
         if(import.meta.env.PROD) {
           const baseUrl = window.location.protocol + '//' + window.location.host
@@ -40,8 +40,7 @@ export default defineComponent({
         }
       }
       const mutationObserver = new MutationObserver(fn)
-      /**Element**/
-      mutationObserver.observe(document.querySelector('html')!, {
+      mutationObserver.observe(document.documentElement, {
         attributes: true,
       })
       fn()