From 1f4161b86b1a216b4012b1cb52945cc6f52c8ced Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Tue, 17 Mar 2026 03:56:14 +0300
Subject: [PATCH] fix: use a href for download links

---
 frontend/app/components/AdminUploadsTable.vue |  8 ++++----
 frontend/app/components/UploadsTable.vue      |  8 ++++----
 frontend/app/pages/f/[token].vue              | 12 ++++++------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/app/components/AdminUploadsTable.vue b/frontend/app/components/AdminUploadsTable.vue
index 5b3548e..a7e7175 100644
--- a/frontend/app/components/AdminUploadsTable.vue
+++ b/frontend/app/components/AdminUploadsTable.vue
@@ -14,10 +14,10 @@
           <template #header>
             <div class="flex items-center justify-between gap-2">
               <div class="min-w-0 flex-1">
-                <NuxtLink v-if="upload.download_url" :href="getDownloadUrl(upload)" target="_blank"
+                <a v-if="upload.download_url" :href="getDownloadUrl(upload)" target="_blank" rel="noopener noreferrer"
                   class="font-medium hover:underline break-all" :aria-label="upload.filename">
                   {{ upload.filename || 'Unnamed file' }}
-                </NuxtLink>
+                </a>
                 <span v-else class="font-medium break-all">{{ upload.filename || 'Unnamed file' }}</span>
                 <div class="text-xs text-muted mt-1">{{ upload.mimetype || 'Unknown type' }}</div>
               </div>
@@ -86,10 +86,10 @@
               <td class="px-4 py-3 text-sm">
                 <div class="space-y-1">
                   <UPopover mode="hover" :content="{ align: 'start' }" :ui="{ content: 'p-3' }">
-                    <NuxtLink v-if="upload.download_url" :href="getDownloadUrl(upload)" target="_blank"
+                    <a v-if="upload.download_url" :href="getDownloadUrl(upload)" target="_blank" rel="noopener noreferrer"
                       class="font-medium hover:underline break-all cursor-pointer" :aria-label="upload.filename">
                       {{ upload.filename || 'Unnamed file' }}
-                    </NuxtLink>
+                    </a>
                     <span v-else class="font-medium break-all cursor-default">{{ upload.filename || 'Unnamed file' }}</span>
                     <template #content>
                       <div class="space-y-3 text-sm min-w-64 max-w-96">
diff --git a/frontend/app/components/UploadsTable.vue b/frontend/app/components/UploadsTable.vue
index 748d588..702de73 100644
--- a/frontend/app/components/UploadsTable.vue
+++ b/frontend/app/components/UploadsTable.vue
@@ -16,10 +16,10 @@
                   <span v-else>{{ row.status }}</span>
                 </UBadge>
               </div>
-              <NuxtLink v-if="allowDownloads && row.download_url && row.status === 'completed'" :href="row.download_url" target="_blank"
+              <a v-if="allowDownloads && row.download_url && row.status === 'completed'" :href="row.download_url" target="_blank" rel="noopener noreferrer"
                 class="font-medium hover:underline break-all" :aria-label="row.filename">
                 {{ row.filename }}
-              </NuxtLink>
+              </a>
               <span v-else class="font-medium break-all">{{ row.filename }}</span>
             </div>
           </div>
@@ -105,11 +105,11 @@
             <td class="px-4 py-3 text-sm">{{ index+1 }}</td>
             <td class="px-4 py-3 text-sm">
               <UPopover mode="hover" :content="{ align: 'start' }" :ui="{ content: 'p-3' }">
-                <NuxtLink v-if="allowDownloads && row.download_url && row.status === 'completed'" :href="row.download_url" target="_blank"
+                <a v-if="allowDownloads && row.download_url && row.status === 'completed'" :href="row.download_url" target="_blank" rel="noopener noreferrer"
                   class="font-medium hover:underline break-all cursor-pointer px-2 py-1 rounded hover:bg-elevated/50 inline-block"
                   :aria-label="row.filename">
                   {{ row.filename }}
-                </NuxtLink>
+                </a>
                 <UButton v-else variant="ghost" color="neutral" size="xs" class="w-full justify-start break-all"
                   :aria-label="row.filename">
                   <span class="break-all text-left">{{ row.filename }}</span>
diff --git a/frontend/app/pages/f/[token].vue b/frontend/app/pages/f/[token].vue
index 15fd890..3ec4aa8 100644
--- a/frontend/app/pages/f/[token].vue
+++ b/frontend/app/pages/f/[token].vue
@@ -87,12 +87,12 @@
               <div class="flex items-start gap-3">
                 <UIcon :name="getFileIcon(upload.filename || '')" class="size-6 text-primary shrink-0 mt-0.5" />
                 <div class="min-w-0 flex-1">
-                  <NuxtLink
+                  <a
                     v-if="tokenInfo?.allow_public_downloads && upload.status === 'completed' && upload.download_url"
-                    :to="upload.download_url"
+                    :href="upload.download_url"
                     class="font-medium hover:underline break-all">
                     {{ upload.filename }}
-                  </NuxtLink>
+                  </a>
                   <span v-else class="font-medium break-all">
                     {{ upload.filename }}
                   </span>
@@ -174,11 +174,11 @@
                     <div class="flex items-center gap-2">
                       <UIcon :name="getFileIcon(upload.filename || '')" class="size-5 text-primary shrink-0" />
                       <span class="font-medium break-all">
-                        <NuxtLink
+                        <a
                           v-if="tokenInfo?.allow_public_downloads && upload.status === 'completed' && upload.download_url"
-                          :to="upload.download_url">
+                          :href="upload.download_url">
                           {{ upload.filename }}
-                        </NuxtLink>
+                        </a>
                         <span v-else>
                           {{ upload.filename }}
                         </span>