[Refactor] Rename hooks/ to composables/ (#2437)

src/composables/useDownload.ts

@@ -0,0 +1,44 @@
+import { onMounted, ref } from 'vue'
+
+export function useDownload(url: string, fileName?: string) {
+  const fileSize = ref<number | null>(null)
+
+  const fetchFileSize = async (): Promise<number | null> => {
+    try {
+      const response = await fetch(url, { method: 'HEAD' })
+      if (!response.ok) throw new Error('Failed to fetch file size')
+
+      const size = response.headers.get('content-length')
+      if (size) {
+        return parseInt(size)
+      } else {
+        console.error('"content-length" header not found')
+        return null
+      }
+    } catch (e) {
+      console.error('Error fetching file size:', e)
+      return null
+    }
+  }
+
+  /**
+   * Trigger browser download
+   */
+  const triggerBrowserDownload = () => {
+    const link = document.createElement('a')
+    link.href = url
+    link.download = fileName || url.split('/').pop() || 'download'
+    link.target = '_blank' // Opens in new tab if download attribute is not supported
+    link.rel = 'noopener noreferrer' // Security best practice for _blank links
+    link.click()
+  }
+
+  onMounted(async () => {
+    fileSize.value = await fetchFileSize()
+  })
+
+  return {
+    triggerBrowserDownload,
+    fileSize
+  }
+}