[TOC] ## useDropZone ``` <script setup lang="ts"> import { useDropZone } from '@vueuse/core' const dropZoneRef = ref<HTMLDivElement>() function onDrop(files: File[] | null) { // called when files are dropped on zone } const { isOverDropZone } = useDropZone(dropZoneRef, onDrop) </script> <template> <div ref="dropZoneRef"> Drop files here </div> </template> ```