fix: preserve markdown fences in fancy reporter

src/reporters/fancy.ts

@@ -137,8 +137,8 @@ export class FancyReporter extends BasicReporter {
 function characterFormat(str: string) {
   return (
     str
-      // highlight backticks
-      .replace(/`([^`]+)`/gm, (_, m) => colors.cyan(m))
+      // Highlight inline code without consuming Markdown fence backticks.
+      .replace(/(?<!`)`([^`\n]+)`(?!`)/g, (_, m) => colors.cyan(m))
       // underline underscores
       .replace(/\s+_([^_]+)_\s+/gm, (_, m) => ` ${colors.underline(m)} `)
   );

test/consola.test.ts

@@ -1,5 +1,6 @@
 import { describe, test, expect } from "vitest";
 import { ConsolaReporter, LogLevels, LogObject, createConsola } from "../src";
+import { FancyReporter } from "../src/reporters/fancy";
 
 describe("consola", () => {
   test("can set level", () => {
@@ -56,6 +57,30 @@ describe("consola", () => {
 
     expect(logs.at(-1)!.args).toEqual(["SPAM", "(repeated 4 times)"]);
   });
+
+  test("fancy reporter preserves markdown code fences", () => {
+    const reporter = new FancyReporter();
+    const message = [
+      "```html",
+      "<div>hello</div>",
+      "```",
+      "```html",
+      "<div>hello</div>",
+      "```",
+    ].join("\n");
+
+    const output = reporter.formatLogObj(
+      {
+        type: "log",
+        level: LogLevels.log,
+        date: new Date(),
+        args: [message],
+      },
+      {},
+    );
+
+    expect(output.match(/```html\n<div>hello<\/div>\n```/g)).toHaveLength(2);
+  });
 });
 
 function wait(delay) {