♻️ Refactor post list

components/attachment/Carousel.vue

@@ -7,13 +7,19 @@
     height="auto"
   >
     <v-carousel-item v-for="item in metadata" class="fill-height">
-      <attachment-renderer :item="item" />
+      <nuxt-link v-if="item.mimetype.split('/')[0] == 'image' && !props.noClickableAttachment"
+                 :to="`/gallery/${item.id}`">
+        <attachment-renderer :item="item" />
+      </nuxt-link>
+      <div v-else>
+        <attachment-renderer :item="item" />
+      </div>
     </v-carousel-item>
   </v-carousel>
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{ attachments: number[] }>()
+const props = defineProps<{ attachments: number[], noClickableAttachment?: boolean }>()
 const emits = defineEmits(["update:metadata"])
 
 const config = useRuntimeConfig()

components/attachment/Renderer.vue

@@ -20,7 +20,7 @@
   <v-img v-else-if="item.mimetype.split('/')[0] == 'image'" :src="getAttachmentUrl(item.id)" :alt="item.alt"
          class="w-full h-full" cover />
   <video v-else-if="item.mimetype.split('/')[0] == 'video'" :src="getAttachmentUrl(item.id)" class="w-full h-full"
-         controls />
+         controls @click.stop />
   <v-sheet v-else color="rgba(0, 0, 0, .4)" height="calc(100% + 24px)" class="p-5">
     <v-row class="fill-height" align="center" justify="center">
       <v-col class="text-center">