From 3b560a0efa8bdbf6f621413b3e8a27b19f4a638f Mon Sep 17 00:00:00 2001
From: chencu <82279230+chencu5958@users.noreply.github.com>
Date: Sun, 19 Jul 2026 06:25:07 +0800
Subject: [PATCH] feat: support `note`, `important`, `caution` markdown
 containers (#5161)

closes #4427
closes #3928
---
 __tests__/e2e/markdown-extensions/index.md | 12 ++++++++++++
 src/node/markdown/plugins/containers.ts    |  9 +++++++++
 2 files changed, 21 insertions(+)

diff --git a/__tests__/e2e/markdown-extensions/index.md b/__tests__/e2e/markdown-extensions/index.md
index 3446b4ef..c95d60e0 100644
--- a/__tests__/e2e/markdown-extensions/index.md
+++ b/__tests__/e2e/markdown-extensions/index.md
@@ -56,6 +56,18 @@ This is a dangerous warning.
 This is a details block.
 :::
 
+::: note
+This is a note.
+:::
+
+::: important
+This is an important note.
+:::
+
+::: caution
+This is a caution note.
+:::
+
 ### Custom Title
 
 ::: danger STOP
diff --git a/src/node/markdown/plugins/containers.ts b/src/node/markdown/plugins/containers.ts
index 39efce17..20a49167 100644
--- a/src/node/markdown/plugins/containers.ts
+++ b/src/node/markdown/plugins/containers.ts
@@ -14,6 +14,15 @@ export const containerPlugin = (
     .use(...createContainer('warning', options?.warningLabel || 'WARNING', md))
     .use(...createContainer('danger', options?.dangerLabel || 'DANGER', md))
     .use(...createContainer('details', options?.detailsLabel || 'Details', md))
+    .use(...createContainer('note', options?.noteLabel || 'NOTE', md))
+    .use(
+      ...createContainer(
+        'important',
+        options?.importantLabel || 'IMPORTANT',
+        md
+      )
+    )
+    .use(...createContainer('caution', options?.cautionLabel || 'CAUTION', md))
     // explicitly escape Vue syntax
     .use(container, 'v-pre', {
       render: (tokens: Token[], idx: number) =>