component formatting and types

components/CollectionDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="min-h-[calc(100vh-9rem)] h-fit container mx-auto py-12 px-2">
     <h1>{{ data?.title }}</h1>
-    <p v-if="data?.date">
+    <p v-if="data?.date && data.date.includes('T')">
       {{
         new Date(data?.date ?? "").toLocaleString("de-DE", {
           day: "2-digit",
@@ -12,6 +12,15 @@
         })
       }}
     </p>
+    <p v-else-if="data?.date">
+      {{
+        new Date(data?.date ?? "").toLocaleString("de-DE", {
+          day: "2-digit",
+          month: "long",
+          year: "numeric",
+        })
+      }}
+    </p>
     <br />
     <p>{{ data?.description }}</p>
     <br />