quote support

src/components/chat_message/chat_message.js

@@ -1,5 +1,6 @@
 import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
+import { defineAsyncComponent } from 'vue'
 
 import Attachment from 'src/components/attachment/attachment.vue'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
@@ -59,6 +60,7 @@ const ChatMessage = {
     UserPopover,
     StatusPopover,
     MentionLink,
+    Quote: defineAsyncComponent(() => import('src/components/quote/quote.vue')),
     Timeago,
   },
   computed: {
@@ -115,6 +117,15 @@ const ChatMessage = {
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
     },
+    quoteId() {
+      return this.message.quote_id
+    },
+    quoteUrl() {
+      return this.message.quote_url
+    },
+    quoteVisible() {
+      return this.message.quote_visible
+    },
     messageForStatusContent() {
       return {
         summary: '',

src/components/chat_message/chat_message.scss

@@ -15,6 +15,10 @@
     min-width: 30em;
   }
 
+  .quoted-post {
+    margin-bottom: 1.5em;
+  }
+
   .chat-message-toolbar {
     transition: opacity 0.1s;
     opacity: 0;

src/components/chat_message/chat_message.vue

@@ -146,6 +146,13 @@
               >
                 <template #footer>
                   <EmojiReactions :status="message" />
+                  <Quote
+                    class="quoted-post"
+                    :status-id="quoteId"
+                    :status-url="quoteUrl"
+                    :status-visible="quoteVisible"
+                    initially-expanded
+                  />
                   <span
                     class="created-at"
                   >