feat: present cleared accessible project media

src/components/ProjectCaseStudy.vue

@@ -1,13 +1,22 @@
 <script setup lang="ts">
 import type { PublicProject } from '@/content/types';
+import ProjectMedia from './ProjectMedia.vue';
 
-defineProps<{ project: Readonly<PublicProject> }>();
+withDefaults(defineProps<{ project: Readonly<PublicProject>; allowAutomaticVideo?: boolean }>(), {
+  allowAutomaticVideo: false,
+});
 </script>
 
 <template>
   <article>
     <h3>{{ project.title }}</h3>
     <p>{{ project.summary }}</p>
+    <ProjectMedia
+      v-for="media in project.media ?? []"
+      :key="`${media.kind}-${media.assetId}`"
+      :presentation="media"
+      :allow-automatic-video="allowAutomaticVideo"
+    />
     <dl>
       <dt>Problem</dt>
       <dd>{{ project.problem }}</dd>