fix(theme): ssr issues on deno

vuejs · Aug 20, 2023 · e8edd0a · e8edd0a
1 parent ba825c3
commit e8edd0a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -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()