From ef75cc16b7a754581ce3e63877f376f41d3f0d60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E4=BD=B3=E6=B6=9B?= <lne128gene980@163.com>
Date: Fri, 12 Aug 2022 15:10:37 +0800
Subject: [PATCH] fix(useElementHover): support set el ref type

---
 packages/core/useElementHover/demo.vue | 2 +-
 packages/core/useElementHover/index.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/core/useElementHover/demo.vue b/packages/core/useElementHover/demo.vue
index aa84fe7f2fb..f2d6af1d0ef 100644
--- a/packages/core/useElementHover/demo.vue
+++ b/packages/core/useElementHover/demo.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue'
 import { useElementHover } from '@vueuse/core'
 
-const el = ref()
+const el = ref<HTMLButtonElement>()
 const isHovered = useElementHover(el)
 </script>
 
diff --git a/packages/core/useElementHover/index.ts b/packages/core/useElementHover/index.ts
index d15b9a832c9..28681838a38 100644
--- a/packages/core/useElementHover/index.ts
+++ b/packages/core/useElementHover/index.ts
@@ -3,7 +3,7 @@ import { ref } from 'vue-demi'
 import type { MaybeComputedRef } from '@vueuse/shared'
 import { useEventListener } from '../useEventListener'
 
-export function useElementHover(el: MaybeComputedRef<EventTarget>): Ref<boolean> {
+export function useElementHover(el: MaybeComputedRef<EventTarget | null | undefined>): Ref<boolean> {
   const isHovered = ref(false)
 
   useEventListener(el, 'mouseenter', () => isHovered.value = true)