feat: using Vue 3.5's new onWatcherCleanup

pany-ang · pany-ang · commit a488b4dbf488 · 2025-06-23T16:00:48.000+08:00
diff --git a/src/common/components/Screenfull/index.vue b/src/common/components/Screenfull/index.vue
@@ -42,12 +42,12 @@ function handleFullscreenChange() {
   isFullscreen.value || classList.remove(CONTENT_LARGE, CONTENT_FULL)
 }
 
-watchEffect((onCleanup) => {
+watchEffect(() => {
   if (isEnabled) {
     // 挂载组件时自动执行
     screenfull.on("change", handleFullscreenChange)
     // 卸载组件时自动执行
-    onCleanup(() => {
+    onWatcherCleanup(() => {
       screenfull.off("change", handleFullscreenChange)
     })
   }

Original file line number	Diff line number	Diff line change
`@@ -42,12 +42,12 @@ function handleFullscreenChange() {`
`42`	`42`	`isFullscreen.value \|\| classList.remove(CONTENT_LARGE, CONTENT_FULL)`
`43`	`43`	`}`
`44`	`44`
`45`		`-watchEffect((onCleanup) => {`
	`45`	`+watchEffect(() => {`
`46`	`46`	`if (isEnabled) {`
`47`	`47`	`// 挂载组件时自动执行`
`48`	`48`	`screenfull.on("change", handleFullscreenChange)`
`49`	`49`	`// 卸载组件时自动执行`
`50`		`- onCleanup(() => {`
	`50`	`+ onWatcherCleanup(() => {`
`51`	`51`	`screenfull.off("change", handleFullscreenChange)`
`52`	`52`	`})`
`53`	`53`	`}`