Enable greentext

src/App.vue

@@ -6,7 +6,7 @@
           <img :src="require('@/assets/feather/home.svg')">
           <span>Home</span>
         </router-link>
-        <search  />
+        <search />
       </div>
       <div id="profile">
         <router-link v-if="profile" class="profile-link" :to="{ name: 'profile', params: { profileId: profile.id }}">

src/components/Post.vue

@@ -50,7 +50,7 @@
         @{{ mention.username }}
       </router-link>
     </div>
-    <div class="post-content" ref="postContent" v-html="post.content"></div>
+    <div class="post-content" ref="postContent" v-html="content"></div>
     <div class="post-attachment" v-if="post.media_attachments.length > 0">
       <template v-for="attachment in post.media_attachments" :key="attachment.id">
         <img v-if="attachment.type === 'image'" :src="attachment.url">
@@ -310,6 +310,14 @@ export default class PostComponent extends Vue {
     return formatDate(isoDate)
   }
 
+  get content(): string {
+    // Add greentext
+    const greentextRegexp = /(?<=^|>)(&gt;.+)(?=$|<)/gm
+    const content = this.post.content
+      .replaceAll(greentextRegexp, '<span class="greentext">$1</span>')
+    return content
+  }
+
   get replyingTo(): Mention[] {
     if (this.post.in_reply_to_id === null) {
       return []
@@ -617,6 +625,10 @@ export default class PostComponent extends Vue {
   :deep(ol) {
     list-style-position: inside;
   }
+
+  :deep(.greentext) {
+    color: #789922;
+  }
 }
 
 .post-attachment {