fix(useDropZone): improve argument type (#1933)

vueuse · Jul 17, 2022 · 2670e23 · 2670e23
1 parent af3b34d
commit 2670e23
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/core/useDropZone/demo.vue b/packages/core/useDropZone/demo.vue
@@ -15,7 +15,7 @@ function onDrop(files: File[] | null) {
   }
 }
 
-const dropZoneRef = ref<HTMLElement | null>(null)
+const dropZoneRef = ref<HTMLElement>()
 
 const { isOverDropZone } = useDropZone(dropZoneRef, onDrop)
 </script>

diff --git a/packages/core/useDropZone/index.md b/packages/core/useDropZone/index.md
@@ -12,7 +12,7 @@ Create an zone where files can be dropped.
 <script setup lang="ts">
 import { useDropZone } from '@vueuse/core'
 
-const dropZoneRef = ref(null)
+const dropZoneRef = ref<HTMLDivElement>()
 
 function onDrop(files: File[] | null) {
   // called when files are dropped on zone

diff --git a/packages/core/useDropZone/index.ts b/packages/core/useDropZone/index.ts
@@ -8,7 +8,7 @@ export interface UseDropZoneReturn {
   isOverDropZone: Ref<boolean>
 }
 
-export function useDropZone(target: MaybeRef<HTMLElement | null>, onDrop: (files: File[] | null) => void): UseDropZoneReturn {
+export function useDropZone(target: MaybeRef<HTMLElement | null | undefined>, onDrop: (files: File[] | null) => void): UseDropZoneReturn {
   const isOverDropZone = ref(false)
   let counter = 0