init example pdf without onMounted

lookscanned · Dec 1, 2023 · 990f1dd · 990f1dd
1 parent a51d058
commit 990f1dd
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/src/views/CanvasScanView.vue b/src/views/CanvasScanView.vue
@@ -36,7 +36,7 @@ import MainContainer from '@/components/MainContainer.vue'
 import { type ScanConfig, defaultConfig, CanvasScanner } from '@/utils/scan-renderer/canvas-scan'
 import ScanSettingsCard from '@/components/scan-settings/ScanSettingsCard.vue'
 import PDFUpload from '@/components/pdf-upload/PDFUpload.vue'
-import { ref, computed, onMounted, watch } from 'vue'
+import { ref, computed, watch } from 'vue'
 import PDFURL from '@/assets/examples/pdfs/test.pdf'
 import BackToIndex from '@/components/buttons/BackToIndex.vue'
 import { useHead } from '@unhead/vue'
@@ -59,11 +59,16 @@ useHead({
 
 const pdf = ref<File | undefined>(undefined)
 
-onMounted(async () => {
+const initExamplePDF = async () => {
   const response = await fetch(PDFURL)
   const blob = await response.blob()
-  pdf.value = new File([blob], 'example.pdf')
-})
+  const file = new File([blob], 'example.pdf')
+  if (!pdf.value) {
+    pdf.value = file
+  }
+}
+
+initExamplePDF()
 
 const config = ref<ScanConfig>(defaultConfig)
 const pdfRenderer = computed(() => {

diff --git a/src/views/MagicaScanView.vue b/src/views/MagicaScanView.vue
@@ -36,7 +36,7 @@ import MainContainer from '@/components/MainContainer.vue'
 import { type ScanConfig, defaultConfig, MagicaScanner } from '@/utils/scan-renderer/magica-scan'
 import ScanSettingsCard from '@/components/scan-settings/ScanSettingsCard.vue'
 import PDFUpload from '@/components/pdf-upload/PDFUpload.vue'
-import { ref, computed, onMounted, watch } from 'vue'
+import { ref, computed, watch } from 'vue'
 import PDFURL from '@/assets/examples/pdfs/test.pdf'
 import BackToIndex from '@/components/buttons/BackToIndex.vue'
 import { useHead } from '@unhead/vue'
@@ -59,11 +59,16 @@ useHead({
 
 const pdf = ref<File | undefined>(undefined)
 
-onMounted(async () => {
+const initExamplePDF = async () => {
   const response = await fetch(PDFURL)
   const blob = await response.blob()
-  pdf.value = new File([blob], 'example.pdf')
-})
+  const file = new File([blob], 'example.pdf')
+  if (!pdf.value) {
+    pdf.value = file
+  }
+}
+
+initExamplePDF()
 
 const config = ref<ScanConfig>(defaultConfig)
 const pdfRenderer = computed(() => {