From a4b5f4a5e316e0b8c4d5f2522114c45feb2329ae Mon Sep 17 00:00:00 2001
From: Jeffrey Esquivel S <jeff@nimiq.com>
Date: Sun, 21 Apr 2024 21:32:51 -0600
Subject: [PATCH 1/3] Fix 'ReferenceError: document is not defined' error

Make sure 'document' is only accessed on a browser context.
---
 .vitepress/theme/components/header/Header.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.vitepress/theme/components/header/Header.vue b/.vitepress/theme/components/header/Header.vue
index 49c1d08..8527cdb 100644
--- a/.vitepress/theme/components/header/Header.vue
+++ b/.vitepress/theme/components/header/Header.vue
@@ -2,6 +2,7 @@
 import { breakpointsTailwind, useMagicKeys } from '@vueuse/core'
 import { watch } from 'vue'
 import { ContextMenu } from 'radix-vue/namespaced'
+import { inBrowser } from 'vitepress'
 import { getIconSnippet } from '../../composables/icons/icon'
 
 const SearchBox = defineAsyncComponent(() => import('vitepress/dist/client/theme-default/components/VPLocalSearchBox.vue'))
@@ -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>

From ca2d0fa94125b5a959da5fdcca5286a8ffac3646 Mon Sep 17 00:00:00 2001
From: Jeffrey Esquivel S <jeff@nimiq.com>
Date: Sun, 21 Apr 2024 21:57:13 -0600
Subject: [PATCH 2/3] Fix 'Error: vitepress data not properly injected in app'

Change `Navigation` from an async component to a traditional component
so that the `inject()` operation inside `getData()` can work properly.
---
 .vitepress/theme/components/header/Header.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/.vitepress/theme/components/header/Header.vue b/.vitepress/theme/components/header/Header.vue
index 8527cdb..26c4fe5 100644
--- a/.vitepress/theme/components/header/Header.vue
+++ b/.vitepress/theme/components/header/Header.vue
@@ -5,9 +5,10 @@ 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')

From 4632797afbe6819c1a8e5b02c55a8adb78cb72c6 Mon Sep 17 00:00:00 2001
From: Jeffrey Esquivel S <jeff@nimiq.com>
Date: Sun, 21 Apr 2024 22:00:05 -0600
Subject: [PATCH 3/3] Make eslint happy

Miscellaneous eslint fixes (via `eslint . --fix`)
---
 .vitepress/config.ts                          | 4 ++--
 .vitepress/theme/components/header/Header.vue | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

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 26c4fe5..3949c2e 100644
--- a/.vitepress/theme/components/header/Header.vue
+++ b/.vitepress/theme/components/header/Header.vue
@@ -1,6 +1,5 @@
 <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'