backwards compatibility

packages/ui/src/components/base/MarkdownBody.vue

@@ -37,6 +37,7 @@ import MarkdownCollectionEmbed from './markdown/MarkdownCollectionEmbed.vue'
 import MarkdownHighlightedPre from './markdown/MarkdownHighlightedPre.vue'
 import MarkdownOrganizationEmbed from './markdown/MarkdownOrganizationEmbed.vue'
 import MarkdownProjectEmbed from './markdown/MarkdownProjectEmbed.vue'
+import MarkdownTaskCheckbox from './markdown/MarkdownTaskCheckbox.vue'
 import MarkdownUserEmbed from './markdown/MarkdownUserEmbed.vue'
 
 defineOptions({
@@ -82,6 +83,7 @@ const components = computed(() =>
 				user: MarkdownUserEmbed,
 				organization: MarkdownOrganizationEmbed,
 				collection: MarkdownCollectionEmbed,
+				input: MarkdownTaskCheckbox,
 				...(props.highlight ? { pre: MarkdownHighlightedPre } : {}),
 			},
 )

packages/ui/src/components/base/markdown/MarkdownTaskCheckbox.vue

@@ -0,0 +1,17 @@
+<template>
+	<span class="inline-flex align-middle mr-1 pointer-events-none">
+		<Checkbox :model-value="!!checked" />
+	</span>
+</template>
+
+<script setup lang="ts">
+import Checkbox from '../Checkbox.vue'
+
+defineOptions({
+	inheritAttrs: false,
+})
+
+defineProps<{
+	checked?: boolean
+}>()
+</script>