From f6212d81014d3720268158996191f1e1f4f2f93a Mon Sep 17 00:00:00 2001
From: xiaomai <xsbugh@gmail.com>
Date: Sat, 9 May 2026 14:01:05 +0800
Subject: [PATCH] fix(ui): mark transaction document links as external

Add external prop to UButton components linking to document URLs
Prevents the router from intercepting external downloads
---
 app/pages/bookings/index.vue       | 2 ++
 app/pages/confirmation/[token].vue | 1 +
 2 files changed, 3 insertions(+)

diff --git a/app/pages/bookings/index.vue b/app/pages/bookings/index.vue
index 8915e5a..3380d3a 100644
--- a/app/pages/bookings/index.vue
+++ b/app/pages/bookings/index.vue
@@ -252,6 +252,7 @@
                 <UButton
                   v-if="row.original.transactionDocument"
                   :to="row.original.transactionDocument.url"
+                  external
                   :label="row.original.transactionDocument.originalName"
                   color="neutral"
                   variant="link"
@@ -469,6 +470,7 @@
                 <div class="flex flex-col gap-2 sm:flex-row sm:items-center">
                   <UButton
                     :to="detailsBooking.transactionDocument.url"
+                    external
                     label="Download"
                     color="neutral"
                     variant="outline"
diff --git a/app/pages/confirmation/[token].vue b/app/pages/confirmation/[token].vue
index e2eef38..34dac2b 100644
--- a/app/pages/confirmation/[token].vue
+++ b/app/pages/confirmation/[token].vue
@@ -500,6 +500,7 @@ async function cancelBookingConfirmation() {
               <div class="flex flex-col gap-2 sm:flex-row sm:items-center">
                 <UButton
                   :to="booking.transactionDocument.url"
+                  external
                   :label="t('confirm.download')"
                   color="neutral"
                   variant="outline"