From ccadd26024a3acdbcb1b4479e2091cdd375b46ea Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Sat, 7 Feb 2026 02:50:18 +0100
Subject: [PATCH] fix: Syntax highlight for `svelte` and `vue`

---
 .../src/lib/components/app/content/MarkdownContent.svelte    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/tools/server/webui/src/lib/components/app/content/MarkdownContent.svelte b/tools/server/webui/src/lib/components/app/content/MarkdownContent.svelte
index b4db6034de..5c8804cf58 100644
--- a/tools/server/webui/src/lib/components/app/content/MarkdownContent.svelte
+++ b/tools/server/webui/src/lib/components/app/content/MarkdownContent.svelte
@@ -25,6 +25,7 @@
 		BOOL_TRUE_STRING
 	} from '$lib/constants/markdown';
 	import { UrlPrefix } from '$lib/enums';
+	import { FileTypeText } from '$lib/enums/files';
 	import {
 		highlightCode,
 		detectIncompleteCodeBlock,
@@ -94,7 +95,9 @@
 		}
 
 		return proc
-			.use(rehypeHighlight) // Add syntax highlighting
+			.use(rehypeHighlight, {
+				aliases: { [FileTypeText.XML]: [FileTypeText.SVELTE, FileTypeText.VUE] }
+			}) // Add syntax highlighting
 			.use(rehypeRestoreTableHtml) // Restore limited HTML (e.g., <br>, <ul>) inside Markdown tables
 			.use(rehypeEnhanceLinks) // Add target="_blank" to links
 			.use(rehypeEnhanceCodeBlocks) // Wrap code blocks with header and actions