reorganise source

src/lib/components/Info.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { marked } from "marked";
+  export let info: string;
+  export let markdown: boolean;
+  let htmlContent = "";
+
+  onMount(() => {
+    if (markdown) {
+      htmlContent = marked(info);
+    } else {
+      htmlContent = info;
+    }
+  });
+</script>
+
+<div class="alert bg-base-300 dark:bg-base-300">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    class="stroke-current shrink-0 w-6 h-6"
+    ><path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+    /></svg
+  >
+  <span class="text-2xl">{@html info}</span>
+</div>