fix(useDropZone): use variable instead of ref

vueuse · May 30, 2022 · 57e11fc · 57e11fc
1 parent c309ef3
commit 57e11fc
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/core/useDropZone/index.ts b/packages/core/useDropZone/index.ts
@@ -10,26 +10,26 @@ export interface UseDropZoneReturn {
 
 export function useDropZone(target: MaybeRef<HTMLElement | null>, onDrop: (files: File[] | null) => void): UseDropZoneReturn {
   const isOverDropZone = ref(false)
-  const counter = ref(0)
+  let counter = 0
 
   if (isClient) {
     useEventListener<DragEvent>(target, 'dragenter', (event) => {
       event.preventDefault()
-      counter.value += 1
+      counter += 1
       isOverDropZone.value = true
     })
     useEventListener<DragEvent>(target, 'dragover', (event) => {
       event.preventDefault()
     })
     useEventListener<DragEvent>(target, 'dragleave', (event) => {
       event.preventDefault()
-      counter.value -= 1
-      if (counter.value === 0)
+      counter -= 1
+      if (counter === 0)
         isOverDropZone.value = false
     })
     useEventListener<DragEvent>(target, 'drop', (event) => {
       event.preventDefault()
-      counter.value = 0
+      counter = 0
       isOverDropZone.value = false
       const files = Array.from(event.dataTransfer?.files ?? [])
       if (files.length === 0) {