diff --git a/packages/theme/src/client/components/Home.vue b/packages/theme/src/client/components/Home.vue
index a1f132f2..88d74ad6 100644
--- a/packages/theme/src/client/components/Home.vue
+++ b/packages/theme/src/client/components/Home.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { usePageFrontmatter, withBase } from '@vuepress/client'
-import { computed,onMounted } from 'vue'
+import { computed } from 'vue'
 import type { PlumeThemeHomeFrontmatter } from '../../shared/index.js'
 // import { useThemeLocaleData } from '../composables/index.js'
 import { useDarkMode } from '../composables/darkMode.js'
@@ -9,10 +9,6 @@ import VButton from './VButton.vue'
 const matter = usePageFrontmatter<PlumeThemeHomeFrontmatter>()
 const isDark = useDarkMode()
 
-onMounted(() => {
-  isDark.value = document.documentElement.classList.contains('dark')
-})
-
 const mask = computed(() => {
   if (typeof matter.value.bannerMask !== 'object') {
     return matter.value.bannerMask || 0
diff --git a/packages/theme/src/client/layouts/NotFound.vue b/packages/theme/src/client/layouts/NotFound.vue
index f2540f7b..30fddc56 100644
--- a/packages/theme/src/client/layouts/NotFound.vue
+++ b/packages/theme/src/client/layouts/NotFound.vue
@@ -1,11 +1,9 @@
 <script setup lang="ts">
+import { withBase } from '@vuepress/client'
+import { ref } from 'vue'
 import LayoutContent from '../components/LayoutContent.vue'
 import Nav from '../components/Nav/index.vue'
-import { withBase } from '@vuepress/client'
-
-import { ref } from 'vue'
 const root = ref('/')
-
 </script>
 
 <template>
@@ -17,8 +15,8 @@ const root = ref('/')
         <h1 class="title">PAGE NOT FOUND</h1>
         <div class="divider" />
         <blockquote class="quote">
-          But if you don't change your direction, and if you keep looking, you may
-          end up where you are heading.
+          But if you don't change your direction, and if you keep looking, you
+          may end up where you are heading.
         </blockquote>
 
         <div class="action">