fix: cancels the startScrollDamping internal call to window

WRXinYue · Sep 20, 2024 · a4328d3 · a4328d3
1 parent aa967e8
commit a4328d3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/theme/setup/sakuraSetup.ts b/theme/setup/sakuraSetup.ts
@@ -1,3 +1,4 @@
+import { useWindowSize } from '@vueuse/core'
 import type { ThemeConfig } from '../types'
 import { startScrollDamping } from '../utils/scrollDamping'
 import { useSakuraAppStore } from '../stores'
@@ -6,8 +7,9 @@ import { StorageKeys } from '../enum'
 
 export function defineSakuraSetup(themeConfig: ThemeConfig) {
   const sakuraAppStore = useSakuraAppStore()
+  const { width } = useWindowSize()
 
-  if (themeConfig.scrollDamping)
+  if (themeConfig.scrollDamping && width.value >= 768)
     startScrollDamping()
 
   // SidebarOptions

diff --git a/theme/utils/scrollDamping.ts b/theme/utils/scrollDamping.ts
@@ -8,13 +8,11 @@ function raf(time: any) {
 }
 
 export async function startScrollDamping() {
-  if (window.innerWidth >= 768) {
-    const LenisModule = await import('@studio-freight/lenis')
-    const Lenis = LenisModule.default
-    lenis = new Lenis({ lerp: 0.04 })
+  const LenisModule = await import('@studio-freight/lenis')
+  const Lenis = LenisModule.default
+  lenis = new Lenis({ lerp: 0.04 })
 
-    requestAnimationFrame(raf)
-  }
+  requestAnimationFrame(raf)
 }
 
 export function scrollToTop() {