Remove code element use HTML instead if needed and format in client

Author: aragon999

package.json

@@ -22,8 +22,6 @@
   },
   "dependencies": {
     "@rollup/plugin-replace": "^2.3.4",
-    "highlight.js": "^10.5.0",
-    "sirv-cli": "^1.0.0",
-    "svelte-highlight": "^0.6.2"
+    "sirv-cli": "^1.0.0"
   }
 }

src/App.svelte

@@ -12,7 +12,6 @@
 
 <script>
     import { messageStore, tagStore, activeTagStore } from './stores.js';
-    import { dracula } from 'svelte-highlight/styles';
 
     import Message from './Message.svelte';
 
@@ -62,10 +61,6 @@
     $: tags = [...$tagStore];
 </script>
 
-<svelte:head>
-    {@html dracula}
-</svelte:head>
-
 <main>
     <div class="tags">
         {#each tags as tag}

src/Elements/CodeElement.svelte

@@ -25,7 +25,6 @@
 </style>
 
 <script>
-    import CodeElement from './Elements/CodeElement.svelte';
     import HtmlElement from './Elements/HtmlElement.svelte';
     import TableElement from './Elements/TableElement.svelte';
     import PauseElement from './Elements/PauseElement.svelte';
@@ -48,9 +47,7 @@
     <div class="content">
         {#each message['payloads'] as payload}
             <div class="element">
-                {#if payload['type'] === 'code'}
-                    <CodeElement content="{payload['content']}" />
-                {:else if payload['type'] === 'html'}
+                {#if payload['type'] === 'html'}
                     <HtmlElement payload="{payload}" />
                 {:else if payload['type'] === 'table'}
                     <TableElement content="{payload['content']}" />