From e8edd0a05f43491656c00db36630f391caf64461 Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Mon, 21 Aug 2023 00:41:14 +0530
Subject: [PATCH] fix(theme): ssr issues on deno

---
 src/client/theme-default/components/VPLocalNav.vue | 9 +++++----
 src/client/theme-default/components/VPNavBar.vue   | 4 +++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index b827798a..c0aef737 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { useWindowScroll } from '@vueuse/core'
-import { onContentUpdated } from 'vitepress'
-import { computed, shallowRef, ref, onMounted } from 'vue'
+import { inBrowser, onContentUpdated } from 'vitepress'
+import { computed, onMounted, ref, shallowRef } from 'vue'
 import { useData } from '../composables/data'
-import { useSidebar } from '../composables/sidebar'
 import { getHeaders, type MenuItem } from '../composables/outline'
+import { useSidebar } from '../composables/sidebar'
 import VPLocalNavOutlineDropdown from './VPLocalNavOutlineDropdown.vue'
 import VPIconAlignLeft from './icons/VPIconAlignLeft.vue'
 
@@ -18,7 +18,8 @@ defineEmits<{
 
 const { theme, frontmatter } = useData()
 const { hasSidebar } = useSidebar()
-const { y } = useWindowScroll()
+// @ts-ignore
+const { y } = useWindowScroll({ window: inBrowser && window })
 
 const headers = shallowRef<MenuItem[]>([])
 const navHeight = ref(0)
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index f6fdcd5f..303b518a 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { useWindowScroll } from '@vueuse/core'
+import { inBrowser } from 'vitepress'
 import { ref, watchPostEffect } from 'vue'
 import { useData } from '../composables/data'
 import { useSidebar } from '../composables/sidebar'
@@ -20,7 +21,8 @@ defineEmits<{
   (e: 'toggle-screen'): void
 }>()
 
-const { y } = useWindowScroll()
+// @ts-ignore
+const { y } = useWindowScroll({ window: inBrowser && window })
 const { hasSidebar } = useSidebar()
 const { frontmatter } = useData()