Fix greentext processor

src/components/Post.vue

@@ -231,6 +231,7 @@ import { useCurrentUser } from "@/store/user"
 import { CRYPTOCURRENCIES } from "@/utils/cryptocurrencies"
 import { getWallet } from "@/utils/ethereum"
 import { formatDate } from "@/utils/format"
+import { addGreentext } from "@/utils/greentext"
 
 interface PaymentOption {
   code: string;
@@ -311,10 +312,7 @@ export default class PostComponent extends Vue {
   }
 
   get content(): string {
-    // Add greentext
+    const content = addGreentext(this.post.content)
-    const greentextRegexp = /(?<=^|>)(&gt;.+)(?=$|<)/gm
-    const content = this.post.content
-      .replaceAll(greentextRegexp, '<span class="greentext">$1</span>')
     return content
   }
 

src/utils/greentext.ts

@@ -0,0 +1,4 @@
+export function addGreentext(text: string): string {
+  const greentextRegexp = /(?<=^|>)(&gt;[^<]+)(?=$|<)/gm
+  return text.replace(greentextRegexp, '<span class="greentext">$1</span>')
+}

tests/unit/greentext.spec.ts

@@ -0,0 +1,10 @@
+import { expect } from "chai"
+import { addGreentext } from "@/utils/greentext"
+
+describe("Greentext", () => {
+  it("Should add greentext class", () => {
+    const text = "test<br>&gt;greentext1<br>abc<br>&gt;greentext2<br>xyz"
+    const result = addGreentext(text)
+    expect(result).to.equal('test<br><span class="greentext">&gt;greentext1</span><br>abc<br><span class="greentext">&gt;greentext2</span><br>xyz')
+  })
+})