Treat description fields as markdown
All checks were successful
/ build (push) Successful in 1m36s
/ deploy (push) Has been skipped

Support basic formatting in the display of the description fields to
locations, events and shifts by rendering them as Markdown using the
micromark library.
This commit is contained in:
Hornwitser 2025-09-16 20:54:36 +02:00
parent 6d93e99858
commit 0a0eb43d78
6 changed files with 282 additions and 14 deletions

View file

@ -68,13 +68,19 @@
<ul>
<li v-for="location in schedule.locations.values()" :key="location.id">
<h3>{{ location.name }}</h3>
{{ location.description ?? "No description provided" }}
<div
v-if="location.description"
class="flow"
v-html="micromark(location.description)"
/>
</li>
</ul>
</main>
</template>
<script setup lang="ts">
import { micromark } from 'micromark';
useHead({
title: "Schedule",
});