From 6eaa7c18ea21cbaa7642be4e1591ba66d1a3776c Mon Sep 17 00:00:00 2001
From: abdullahalam123 <adullah.alam.tapadar2000@gmail.com>
Date: Thu, 11 Dec 2025 19:40:57 +0530
Subject: [PATCH] fix: Add space between consecutive `data-i18n` attributes in
 HTML files.

---
 src/pages/delete-pages.html | 6 +++---
 src/pages/organize-pdf.html | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/delete-pages.html b/src/pages/delete-pages.html
index 9e84b0e..22a4ae8 100644
--- a/src/pages/delete-pages.html
+++ b/src/pages/delete-pages.html
@@ -66,15 +66,15 @@
     <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
         <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
             <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium"data-i18n="loader.processing"data-i18n="loader.processing">Processing...</p>
+            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing" data-i18n="loader.processing">Processing...</p>
         </div>
     </div>
     <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
         <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2"data-i18n="alert.title"data-i18n="alert.title">Alert</h3>
+            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">Alert</h3>
             <p id="alert-message" class="text-gray-300 mb-6"></p>
             <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"data-i18n="alert.ok"data-i18n="alert.ok">OK</button>
+                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg" data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
         </div>
     </div>
     <script type="module" src="/src/js/utils/lucide-init.ts"></script>
diff --git a/src/pages/organize-pdf.html b/src/pages/organize-pdf.html
index 2caa2a7..599a77d 100644
--- a/src/pages/organize-pdf.html
+++ b/src/pages/organize-pdf.html
@@ -54,7 +54,7 @@
                     <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
                     <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
                     <p class="text-xs text-gray-500">PDF Documents</p>
-                    <p class="text-xs text-gray-500"data-i18n="upload.filesNeverLeave">Your files never leave your device.</p>
+                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your device.</p>
                 </div>
                 <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
                     accept="application/pdf">
@@ -72,15 +72,15 @@
     <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
         <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
             <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium"data-i18n="loader.processing"data-i18n="loader.processing">Processing...</p>
+            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing" data-i18n="loader.processing">Processing...</p>
         </div>
     </div>
     <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
         <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2"data-i18n="alert.title"data-i18n="alert.title">Alert</h3>
+            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">Alert</h3>
             <p id="alert-message" class="text-gray-300 mb-6"></p>
             <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"data-i18n="alert.ok"data-i18n="alert.ok">OK</button>
+                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg" data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
         </div>
     </div>
     <script type="module" src="/src/js/utils/lucide-init.ts"></script>