.

package-lock.json

@@ -10,7 +10,9 @@
             "dependencies": {
                 "@primeuix/themes": "^1.0.0",
                 "chart.js": "3.3.2",
+                "katex": "^0.16.27",
                 "marked": "^17.0.1",
+                "marked-katex-extension": "^5.1.6",
                 "primeicons": "^7.0.0",
                 "primevue": "^4.3.1",
                 "tailwindcss-primeui": "^0.5.0",
@@ -2271,6 +2273,31 @@
             "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
             "dev": true
         },
+        "node_modules/katex": {
+            "version": "0.16.27",
+            "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.27.tgz",
+            "integrity": "sha512-aeQoDkuRWSqQN6nSvVCEFvfXdqo1OQiCmmW1kc9xSdjutPv7BGO7pqY9sQRJpMOGrEdfDgF2TfRXe5eUAD2Waw==",
+            "funding": [
+                "https://opencollective.com/katex",
+                "https://github.com/sponsors/katex"
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "commander": "^8.3.0"
+            },
+            "bin": {
+                "katex": "cli.js"
+            }
+        },
+        "node_modules/katex/node_modules/commander": {
+            "version": "8.3.0",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+            "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 12"
+            }
+        },
         "node_modules/keyv": {
             "version": "4.5.4",
             "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -2374,6 +2401,16 @@
                 "node": ">= 20"
             }
         },
+        "node_modules/marked-katex-extension": {
+            "version": "5.1.6",
+            "resolved": "https://registry.npmjs.org/marked-katex-extension/-/marked-katex-extension-5.1.6.tgz",
+            "integrity": "sha512-vYpLXwmlIDKILIhJtiRTgdyZRn5sEYdFBuTmbpjD7lbCIzg0/DWyK3HXIntN3Tp8zV6hvOUgpZNLWRCgWVc24A==",
+            "license": "MIT",
+            "peerDependencies": {
+                "katex": ">=0.16 <0.17",
+                "marked": ">=4 <18"
+            }
+        },
         "node_modules/merge2": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",

package.json

@@ -10,7 +10,9 @@
     "dependencies": {
         "@primeuix/themes": "^1.0.0",
         "chart.js": "3.3.2",
+        "katex": "^0.16.27",
         "marked": "^17.0.1",
+        "marked-katex-extension": "^5.1.6",
         "primeicons": "^7.0.0",
         "primevue": "^4.3.1",
         "tailwindcss-primeui": "^0.5.0",

src/main.js

@@ -8,6 +8,7 @@ import ConfirmationService from 'primevue/confirmationservice';
 import ToastService from 'primevue/toastservice';
 
 import '@/assets/styles.scss';
+import 'katex/dist/katex.min.css';
 
 const app = createApp(App);