feat: preview multiple images

components/status/StatusAttachment.vue

@@ -4,6 +4,7 @@ import type { Attachment } from 'masto'
 
 const { attachment } = defineProps<{
   attachment: Attachment
+  attachments?: Attachment[]
 }>()
 
 const src = $computed(() => attachment.remoteUrl || attachment.url || attachment.previewUrl!)
@@ -62,10 +63,7 @@ const aspectRatio = computed(() => {
       focus:ring="2 primary inset"
       rounded-lg
       aria-label="Open image preview dialog"
-      @click="openImagePreviewDialog({
-        src,
-        alt: attachment.description!,
-      })"
+      @click="openMediaPreview(attachments ? attachments : [attachment], attachments?.indexOf(attachment) || 0)"
     >
       <CommonBlurhash
         :blurhash="attachment.blurhash"

components/status/StatusMedia.vue

@@ -9,7 +9,11 @@ const { status } = defineProps<{
 <template>
   <div class="status-media-container" :class="`status-media-container-${status.mediaAttachments.length}`">
     <template v-for="attachment of status.mediaAttachments" :key="attachment.id">
-      <StatusAttachment :attachment="attachment" class="w-full h-full" />
+      <StatusAttachment
+        :attachment="attachment"
+        :attachments="status.mediaAttachments"
+        class="w-full h-full"
+      />
     </template>
   </div>
 </template>