From 37acf9be873496369e09a9744027277908c3430b Mon Sep 17 00:00:00 2001
From: TaTo30 <aldo.hernandez3012@gmail.com>
Date: Sun, 8 Sep 2024 11:31:51 -0600
Subject: [PATCH] Destroy the worker when the component has been unmounted

---
 packages/vue-pdf/src/components/VuePDF.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/vue-pdf/src/components/VuePDF.vue b/packages/vue-pdf/src/components/VuePDF.vue
index 17e1435..d888c48 100644
--- a/packages/vue-pdf/src/components/VuePDF.vue
+++ b/packages/vue-pdf/src/components/VuePDF.vue
@@ -1,7 +1,7 @@
 <!-- eslint-disable no-case-declarations -->
 <script setup lang="ts">
 import * as PDFJS from 'pdfjs-dist'
-import { computed, onMounted, ref, toRaw, watch } from 'vue'
+import { computed, onMounted, onUnmounted, ref, toRaw, watch } from 'vue'
 
 import 'pdfjs-dist/web/pdf_viewer.css'
 
@@ -279,6 +279,11 @@ onMounted(() => {
     initDoc(props.pdf)
 })
 
+onUnmounted(() => {
+  // Abort all network process and terminates the worker
+  props.pdf?.destroy()
+})
+
 // Exposed methods
 function reload() {
   renderPage(props.page)