Handle clicks on quotes

src/api/posts.ts

@@ -66,6 +66,7 @@ export interface Post {
   ipfs_cid: string | null;
   token_id: number | null;
   token_tx_id: string | null;
+  quote: Post | null;
 }
 
 export async function getHomeTimeline(

src/components/Post.vue

@@ -275,15 +275,27 @@ onMounted(() => {
   }
   const mentions = postContentRef.getElementsByClassName("mention")
   for (const mentionElement of Array.from(mentions)) {
-    mentionElement.addEventListener("click", (event: Event) => {
-      event.preventDefault()
     const mention = props.post.mentions
       .find((mention) => mention.url === mentionElement.getAttribute("href"))
     if (mention) {
+      mentionElement.addEventListener("click", (event: Event) => {
+        event.preventDefault()
         router.push({ name: "profile", params: { profileId: mention.id } })
-      }
       })
     }
+  }
+  const quote = props.post.quote
+  if (quote) {
+    const quotes = postContentRef.querySelectorAll(".quote-inline a")
+    for (const quoteElement of Array.from(quotes)) {
+      if (quote.uri === quoteElement.getAttribute("href")) {
+        quoteElement.addEventListener("click", (event: Event) => {
+          event.preventDefault()
+          router.push({ name: "post", params: { postId: quote.id } })
+        })
+      }
+    }
+  }
 })
 
 function highlight(postId: string | null) {