From 7c72c22567773557646975741db668eb93c76532 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Wed, 24 Jul 2024 07:23:28 +0000
Subject: [PATCH] fix: add pdf-object

---
 .../nc-gui/components/cell/attachment/Preview/Pdf.vue | 11 ++++++-----
 packages/nc-gui/plugins/pdf-object.ts                 |  5 +++++
 2 files changed, 11 insertions(+), 5 deletions(-)
 create mode 100644 packages/nc-gui/plugins/pdf-object.ts

diff --git a/packages/nc-gui/components/cell/attachment/Preview/Pdf.vue b/packages/nc-gui/components/cell/attachment/Preview/Pdf.vue
index 9d4bd905f9..ea8ee11d2c 100644
--- a/packages/nc-gui/components/cell/attachment/Preview/Pdf.vue
+++ b/packages/nc-gui/components/cell/attachment/Preview/Pdf.vue
@@ -40,17 +40,18 @@ const openMethod = ref<'browser' | 'google' | undefined>()
     </div>
   </div>
 
-  <iframe
+  <pdf-object
     v-if="openMethod === 'browser'"
     :class="props.class"
-    :src="src[currentIndex]"
-    width="100%"
-    height="100%"
+    :url="src[currentIndex]"
+    class="w-full h-full"
     @error="handleError"
-  ></iframe>
+  />
+
   <iframe
     v-else-if="openMethod === 'google'"
     :class="props.class"
+    type="application/pdf"
     :src="`https://docs.google.com/viewer?url=${encodeURIComponent(src[currentIndex])}&embedded=true`"
     width="100%"
     height="100%"
diff --git a/packages/nc-gui/plugins/pdf-object.ts b/packages/nc-gui/plugins/pdf-object.ts
new file mode 100644
index 0000000000..51f3a4fce7
--- /dev/null
+++ b/packages/nc-gui/plugins/pdf-object.ts
@@ -0,0 +1,5 @@
+import PDFObjectPlugin from 'pdfobject-vue'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(PDFObjectPlugin)
+})