⬅️ Back to Table of Contents

📄 useDropZone/demo

📊 Analysis Summary

Metric	Count
🔧 Functions	2
📦 Imports	3
📊 Variables & Constants	2

📚 Table of Contents

• Imports
• Variables & Constants
• Functions

🛠️ File Location:

📂 packages/core/useDropZone/demo.vue

📦 Imports

Name	Source
useDropZone	@vueuse/core
shallowRef	vue
useTemplateRef	vue

---

Variables & Constants

Name	Type	Kind	Value	Exported
filesData	boolean	let/var	shallowRef<{ name: string, size: number, type: string, lastModified: number }...	✗
imageFilesData	boolean	let/var	shallowRef<{ name: string, size: number, type: string, lastModified: number }...	✗

---

Functions

onDrop(files: File[] | null): void

Parameters:

• files File[] | null

Returns: void

Calls:

• files.map

Code

function onDrop(files: File[] | null) {
  filesData.value = []
  if (files) {
    filesData.value = files.map(file => ({
      name: file.name,
      size: file.size,
      type: file.type,
      lastModified: file.lastModified,
    }))
  }
}

onImageDrop(files: File[] | null): void

Parameters:

• files File[] | null

Returns: void

Calls:

• files.map

Code

function onImageDrop(files: File[] | null) {
  imageFilesData.value = []
  if (files) {
    imageFilesData.value = files.map(file => ({
      name: file.name,
      size: file.size,
      type: file.type,
      lastModified: file.lastModified,
    }))
  }
}

---

Generated by Syntax Scribe