diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 7369214..3969e07 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -1,7 +1,7 @@
 import { existsSync } from 'node:fs'
-import { basename, dirname, join } from 'node:path'
+import { basename, dirname } from 'node:path'
 import { env } from 'node:process'
-import { defineConfig, resolveConfig } from 'vitepress'
+import { defineConfig } from 'vitepress'
 import { spawn } from 'cross-spawn'
 import { readPackageJSON } from 'pkg-types'
 import consola from 'consola'
diff --git a/.vitepress/theme/components/header/Header.vue b/.vitepress/theme/components/header/Header.vue
index 49c1d08..3949c2e 100644
--- a/.vitepress/theme/components/header/Header.vue
+++ b/.vitepress/theme/components/header/Header.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
-import { breakpointsTailwind, useMagicKeys } from '@vueuse/core'
-import { watch } from 'vue'
+import { breakpointsTailwind } from '@vueuse/core'
 import { ContextMenu } from 'radix-vue/namespaced'
+import { inBrowser } from 'vitepress'
 import { getIconSnippet } from '../../composables/icons/icon'
 
+import Navigation from './Navigation.vue'
+import MobileMenu from './MobileMenu.vue'
+
 const SearchBox = defineAsyncComponent(() => import('vitepress/dist/client/theme-default/components/VPLocalSearchBox.vue'))
-const Navigation = defineAsyncComponent(() => import('./Navigation.vue'))
-const MobileMenu = defineAsyncComponent(() => import('./MobileMenu.vue'))
 
 const { smaller } = useBreakpoints(breakpointsTailwind)
 const isSmall = smaller('lg')
@@ -29,7 +30,7 @@ const { copy, isSupported } = useClipboard({ copiedDuring: 3000 })
 
 const showEnvironment = __BUILD_ENVIRONMENT__ !== 'production'
 
-const isMac = document.documentElement.classList.contains('mac')
+const isMac = inBrowser ? document.documentElement.classList.contains('mac') : false
 </script>
 
 <template>