fix(ui): fix TurndownService instantiation for announcement add/edit

Author: luizhf42

ui/admin/src/components/Announcement/AnnouncementEdit.vue

@@ -86,9 +86,7 @@ const snackbar = useSnackbar();
 const showDialog = ref(false);
 const md = new MarkdownIt();
 // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-const { turndown } = new TurndownService() as {
-  turndown: (input: string) => string;
-};
+const turndownService = new TurndownService() as { turndown: (input: string) => string };
 const tinyMceKey = computed(() => envVariables.tinyMceKey);
 const isTinyMceKeyEmpty = computed(() => tinyMceKey.value === "");
 const announcement = computed(() => announcementStore.announcement);
@@ -127,7 +125,7 @@ const onSubmit = async () => {
   }
 
   try {
-    const contentInMarkdown = turndown(contentInHtml.value);
+    const contentInMarkdown = turndownService.turndown(contentInHtml.value);
     await announcementStore.updateAnnouncement(announcement.value.uuid, {
       title: title.value ?? "",
       content: contentInMarkdown,

ui/admin/src/views/NewAnnouncement.vue

@@ -88,7 +88,7 @@ const tinyMceKeyIsEmpty = computed(() => tinyMceKey.value === "");
 const announcement = ref("");
 const announcementError = ref(false);
 // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-const { turndown } = new TurndownService() as { turndown: (input: string) => string };
+const turndownService = new TurndownService() as { turndown: (input: string) => string };
 
 watch(announcement, (val) => {
   if (val) announcementError.value = false;
@@ -107,7 +107,7 @@ const postAnnouncement = async () => {
   }
 
   try {
-    const contentInHtml = turndown(announcement.value);
+    const contentInHtml = turndownService.turndown(announcement.value);
     await announcementStore.createAnnouncement({
       title: title.value,
       content: contentInHtml,