fix(usePageLeave): close vueuse#207

packages/core/usePageLeave/index.stories.tsx

@@ -12,17 +12,15 @@ defineDemo(
   defineComponent({
     setup() {
       return {
-        isLeft: usePageLeave(),
+        isLeft: usePageLeave({
+          window: window.parent,
+        }),
       }
     },
 
     template: html`
       <div>
-        <pre lang="json">{{
-          JSON.stringify({
-            isLeft,
-          }, null, 2)
-        }}</pre>
+        <pre lang="json">{{ { isLeft } }}</pre>
       </div>
     `,
   }),

packages/core/usePageLeave/index.ts

@@ -1,17 +1,25 @@
 import { ref } from 'vue-demi'
 import { useEventListener } from '../useEventListener'
+import { ConfigurableWindow, defaultWindow } from '../_configurable'
 
-export function usePageLeave() {
+export function usePageLeave({ window = defaultWindow }: ConfigurableWindow = {}) {
   const isLeft = ref(false)
 
   const handler = (event: MouseEvent) => {
+    if (!window)
+      return
+
     event = event || (window.event as any)
     // @ts-ignore
     const from = event.relatedTarget || event.toElement
     isLeft.value = !from
   }
 
-  useEventListener('mouseout', handler)
+  if (window) {
+    useEventListener('mouseout', handler, undefined, window)
+    useEventListener('mouseleave', handler, undefined, window.document)
+    useEventListener('mouseenter', handler, undefined, window.document)
+  }
 
   return isLeft
 }