Adding the pdfMake error fix

Author: RuKaSuu

front-end/src/views/MaterialsView.vue

@@ -78,6 +78,7 @@ import Bell from '@/components/common/svg/Bell.vue';
 import ApprouvalCenter from '@/components/materials/ApprouvalCenter.vue';
 import { useMaterialStore } from '@/store/modules/material.store';
 import { useRouter } from 'vue-router';
+import pdfMakeFonts from '@/utils/pdfMakeFonts';
 
 // This file will register globalThis.pdfMake.vfs, the documentation does not explicity define the behavior
 // Unless you want to change the font, you don't need to assign pdfmake.vfs = globalThis.pdfMake.vfs.

front-end/src/views/material-ideas/DraftPdf.vue

@@ -23,8 +23,8 @@
 </template>
 
 <script>
-import pdfMake from 'pdfmake/build/pdfmake';
-import pdfFonts from 'pdfmake/build/vfs_fonts';
+// import pdfMake from 'pdfmake/build/pdfmake';
+// import pdfFonts from 'pdfmake/build/vfs_fonts';
 import CodingToolsLogo from '@/assets/images/CodingToolsLogo.png';
 import { useUserStore } from '@/store/modules/user.store';
 import { computed } from 'vue';
@@ -37,7 +37,9 @@ const userStore = useUserStore();
 const user = computed(() => authStore.user);
 const userId = computed(() => user.value._id);
 
-pdfMake.vfs = pdfFonts.pdfMake.vfs;
+import { createPdf } from 'pdfmake/build/pdfmake';
+import * as _ from 'pdfmake/build/vfs_fonts.js';
+const fonts = globalThis.pdfMake.vfs ?? _.pdfMake.vfs;
 
 const date = new Date().toLocaleDateString();
 let base64Image = null;
@@ -118,7 +120,7 @@ export default {
 					},
 				},
 			};
-			pdfMake.createPdf(docDefinition).download(`devis_${this.item.title}`);
+			createPdf(docDefinition, null, null, fonts).download(`devis_${this.item.title}`);
 		},
 	},
 };

front-end/src/views/material-ideas/IdeasPdf.vue

@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import pdfMake from 'pdfmake/build/pdfmake';
-import pdfFonts from 'pdfmake/build/vfs_fonts';
+// import pdfMake from 'pdfmake/build/pdfmake';
+// import pdfFonts from 'pdfmake/build/vfs_fonts';
 import CodingToolsLogo from '@/assets/images/CodingToolsLogo.png';
 import { useUserStore } from '@/store/modules/user.store';
 import { computed } from 'vue';
@@ -39,7 +39,10 @@ const userStore = useUserStore();
 const user = computed(() => authStore.user);
 const userId = computed(() => user.value._id);
 
-pdfMake.vfs = pdfFonts.pdfMake.vfs;
+import { createPdf } from 'pdfmake/build/pdfmake';
+import * as _ from 'pdfmake/build/vfs_fonts.js';
+const fonts = globalThis.pdfMake.vfs ?? _.pdfMake.vfs;
+
 
 const date = new Date().toLocaleDateString();
 let base64Image = null;
@@ -125,7 +128,7 @@ export default {
 				},
 			};
 			console.log(docDefinition);
-			pdfMake.createPdf(docDefinition).download(`Suggestions_equipement`);
+			createPdf(docDefinition, null, null, fonts).download(`Suggestions_equipement`);
 		},
 	},
 };