RESET

src/app.scss

@@ -250,6 +250,8 @@ select option.is-default {
   resize: vertical;
 }
 
+@import "/node_modules/katex/dist/katex.min.css";
+
 // $footer-padding: 1.5rem 1.5rem;
 // $fullhd: 2000px;
 // $modal-content-width: 1000px;
@@ -858,6 +860,4 @@ aside.menu.main-menu .menu-expanse {
 
 .modal.chat-settings .field-body {
   max-width: calc(100% - 40px);
-}
-
-@import "/node_modules/katex/dist/katex.min.css";
+}

src/lib/Codespan.svelte

@@ -13,7 +13,7 @@
             {left: '\\[', right: '\\]', display: true}
         ],
         throwOnError : false,
-        // output: "mathml"
+        output: "mathml"
       })
     renderedMath = dummy.innerHTML;
     dummy.remove();

src/lib/EditMessage.svelte

@@ -14,8 +14,6 @@
   import { getImage } from './ImageStore.svelte'
   import { getModelDetail } from './Models.svelte'
 
-  import 'katex/dist/katex.min.css'
-
   export let message:Message
   export let chatId:number
   export let chat:Chat
@@ -276,15 +274,6 @@
 
 </script>
 
-<svelte:head>
-  <link
-    rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.9/katex.min.css"
-    integrity="sha512-fHwaWebuwA7NSF5Qg/af4UeDx9XqUpYpOGgubo3yWu+b2IQR4UeQwbb42Ti7gVAjNtVoI/I9TEoYeu9omwcC6g=="
-    crossorigin="anonymous"
-    referrerpolicy="no-referrer" />
-</svelte:head>
-
 <article
   id="{'message-' + message.uuid}"
   class="message chat-message"