finish client brief step

src/components/project/cards/Document.vue

@@ -0,0 +1,48 @@
+<template>
+  <article class="card">
+    <hgroup class="order-last">
+      <h3 class="card__title | font-serif | text-lg">
+        <router-link
+          :to="'/' + step.uri + '&fileIndex=' + index"
+          class="link-full"
+        >
+          {{ pdf.label.length ? pdf.label : pdf.name.replace(".pdf", "") }}
+        </router-link>
+      </h3>
+    </hgroup>
+
+    <DateTime :date="pdf.modified" />
+
+    <figure
+      v-if="pdf.cover"
+      class="card__images pdf-cover"
+      style="aspect-ratio: unset"
+    >
+      <img :src="pdf.cover" alt="" />
+    </figure>
+    <div v-else class="card__images" data-icon="document"></div>
+
+    <footer
+      v-if="pdf.comments?.length > 0"
+      class="order-last | text-sm text-primary font-medium"
+    >
+      <router-link :to="'/' + step.uri + '?comments=true'">
+        {{ pdf.comments.length }} commentaire{{
+          pdf.comments.length > 1 ? "s" : ""
+        }}
+      </router-link>
+    </footer>
+  </article>
+</template>
+<script setup>
+import DateTime from "./DateTime.vue";
+
+const { step, pdf, index } = defineProps({
+  step: Object,
+  pdf: Object,
+  index: {
+    default: 0,
+    type: Number,
+  },
+});
+</script>