From 41346e318b32b843ad1a5a00cb60878cbda186f8 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sat, 26 Oct 2024 15:13:21 +0900
Subject: [PATCH] feat: add credits to creators in link previews using
 `fediverse:creator` (#3012)

---
 .../StatusPreviewCardMoreFromAuthor.vue       | 19 +++++++++++++++++++
 components/status/StatusPreviewCardNormal.vue |  5 +++++
 2 files changed, 24 insertions(+)
 create mode 100644 components/status/StatusPreviewCardMoreFromAuthor.vue

diff --git a/components/status/StatusPreviewCardMoreFromAuthor.vue b/components/status/StatusPreviewCardMoreFromAuthor.vue
new file mode 100644
index 00000000..ffc1f368
--- /dev/null
+++ b/components/status/StatusPreviewCardMoreFromAuthor.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import type { mastodon } from 'masto'
+
+defineProps<{
+  account: mastodon.v1.Account
+}>()
+</script>
+
+<template>
+  <div
+    max-h-2xl
+    flex gap-2
+    my-auto
+    bg-gray-300
+  >
+    <span z-0>More from</span>
+    <AccountInlineInfo :account="account" hover:bg-gray-300 />
+  </div>
+</template>
diff --git a/components/status/StatusPreviewCardNormal.vue b/components/status/StatusPreviewCardNormal.vue
index b21ed3d1..98edce20 100644
--- a/components/status/StatusPreviewCardNormal.vue
+++ b/components/status/StatusPreviewCardNormal.vue
@@ -104,6 +104,11 @@ function loadAttachment() {
       <div :class="cardTypeIconMap[card.type]" w="30%" h="30%" text-secondary />
     </div>
     <StatusPreviewCardInfo :p="isSquare ? 'x-4' : '4'" :root="root" :card="card" :provider="providerName" />
+    <StatusPreviewCardMoreFromAuthor
+      v-if="card?.authors?.[0].account"
+      :account="card.authors[0].account"
+      p-4 py-2
+    />
   </NuxtLink>
 </template>