feat: show

src/lib/components/Artefact.svelte

@@ -3,8 +3,12 @@
 	import { Button, Card, Label, Modal, Select } from 'flowbite-svelte';
 	import MarkdownEditor from './MarkdownEditor.svelte';
 	import { getArtefact, updateArtefact } from '$lib/artefact.remote';
-	let { artefact, tagClick = (_) => {} }: { artefact: Artefact; tagClick?: (tag: string) => void } =
-		$props();
+	import Markdown from './Markdown.svelte';
+	let {
+		artefact,
+		tagClick = (_) => {},
+		showAll = false
+	}: { artefact: Artefact; tagClick?: (tag: string) => void; showAll?: boolean } = $props();
 
 	let edit = $state(false);
 	let editValue: Artefact = $state({
@@ -77,6 +81,9 @@
 		{/each}
 	</div>
 	<p class="col-span-2 grow-1">{artefact.description}</p>
+	{#if showAll}
+		<Markdown src={artefact.content} class="rounded-lg bg-gray-200 p-5" />
+	{/if}
 
 	<div class=" grid w-full grid-cols-2 gap-5 self-end">
 		<p

src/routes/project/[project]/artefact/[artefact_uuid]/+page.svelte

@@ -10,5 +10,5 @@
 </script>
 
 {#if artefact}
-	<Artefact {artefact} />
+	<Artefact {artefact} showAll={true} />
 {/if}