Skip to content

Commit 6bc9fe0

Browse files
committed
docs: update mermaid and release notes to reflect 'icon:' prefix standardization
1 parent c4bb254 commit 6bc9fe0

6 files changed

Lines changed: 24 additions & 24 deletions

File tree

docs/de/plugins/mermaid.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ Das Plugin `@docmd/plugin-mermaid` integriert die leistungsstarke [Mermaid.js](h
1111
- **Theme-Bewusstsein**: Diagramme passen ihre Farbschemata automatisch an den Wechsel zwischen **Hell-** und **Dunkelmodus** Ihrer Website an.
1212
- **Isomorphes Lazy-Loading**: Für eine optimale Performance werden Diagramme erst initialisiert und gerendert, wenn sie in den Sichtbereich des Benutzers gelangen.
1313
- **Interaktive Steuerung**: Jedes Diagramm verfügt über integrierte **Schwenk-**, **Zoom-** und **Vollbildfunktionen**, um sicherzustellen, dass große Architekturdiagramme auf allen Bildschirmgrößen lesbar bleiben.
14-
- **Icon-Integration**: Tiefe Unterstützung für das **Lucide**-Icon-Paket, sodass Sie die `lucide:icon-name`-Syntax in Architekturdiagrammen verwenden können.
14+
- **Icon-Integration**: Tiefe Unterstützung für das **Lucide**-Icon-Paket, sodass Sie die `icon:name`-Syntax in Architekturdiagrammen verwenden können.
1515
- **Technische Lesbarkeit**: Diagramme bleiben in Ihrer Quelle reiner Text, was sie leicht versionierbar und für KI-Agenten lesbar macht.
1616

1717
## Konfiguration
@@ -137,9 +137,9 @@ Verwenden Sie das integrierte **Lucide**-Icon-Paket, um detailreiche Architektur
137137
== tab "Vorschau"
138138
```mermaid
139139
flowchart TD
140-
User([lucide:user Benutzer])
141-
Web([lucide:globe Web-App])
142-
DB[(lucide:database Datenbank)]
140+
User([icon:user Benutzer])
141+
Web([icon:globe Web-App])
142+
DB[(icon:database Datenbank)]
143143
144144
User --> Web
145145
Web --> DB
@@ -149,9 +149,9 @@ flowchart TD
149149
````markdown
150150
```mermaid
151151
flowchart TD
152-
User([lucide:user Benutzer])
153-
Web([lucide:globe Web-App])
154-
DB[(lucide:database Datenbank)]
152+
User([icon:user Benutzer])
153+
Web([icon:globe Web-App])
154+
DB[(icon:database Datenbank)]
155155
156156
User --> Web
157157
Web --> DB

docs/de/release-notes/0-7-3.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ Wir haben die Art und Weise, wie `docmd` Mermaid-Diagramme rendert, komplett üb
5959
- **Schwenken & Ziehen**: Klicken und ziehen Sie, um in großen Diagrammen zu schwenken. Es gibt jetzt auch native Pfeiltasten im UI für einfachere mobile Bedienung.
6060
- **Zoom-Steuerelemente**: Spezielle Vergrößern/Verkleinern-Schaltflächen werden beim Überfahren mit der Maus für eine präzise Überprüfung angezeigt.
6161
- **Vollbildmodus**: Eine native Vollbild-Umschaltung ermöglicht es Benutzern, komplexe Diagramme für eine ablenkungsfreie Anzeige zu erweitern.
62-
- **Lucide Icon Integration**: Das Lucide Icon-Paket wird direkt in die Mermaid-Engine registriert (`lucide:icon-name`), was reichhaltige Architekturdiagramme mit denselben Icons ermöglicht, die auch in Ihrer Sidebar und Ihren Tabs verwendet werden.
62+
- **Lucide Icon Integration**: Das Lucide Icon-Paket wird direkt in die Mermaid-Engine registriert (`icon:icon-name`), was reichhaltige Architekturdiagramme mit denselben Icons ermöglicht, die auch in Ihrer Sidebar und Ihren Tabs verwendet werden.
6363
- **Dunkelmodus**: Diagramme und ihre Container werden jetzt im Dunkelmodus mit richtig thematisierten Rahmen und Hintergründen korrekt gerendert.
6464

6565
### ✨ Isomorphe Container-Icons

docs/en/plugins/mermaid.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ The `@docmd/plugin-mermaid` plugin integrates the powerful [Mermaid.js](https://
1111
- **Theme Awareness**: Diagrams automatically adapt their color schemes to match your site's **Light** or **Dark** mode transitions.
1212
- **Isomorphic Lazy Loading**: For optimum performance, diagrams are initialized and rendered only as they enter the user's viewport.
1313
- **Interactive Controls**: Every diagram includes built-in **Pan**, **Zoom**, and **Fullscreen** capabilities, ensuring large architectural charts remain legible on all screen sizes.
14-
- **Icon Integration**: Deep support for the **Lucide** icon pack, allowing you to use `lucide:icon-name` syntax within architecture diagrams.
14+
- **Icon Integration**: Deep support for the **Lucide** icon pack, allowing you to use `icon:name` syntax within architecture diagrams.
1515
- **Technical Readability**: Diagrams remain pure text in your source, making them easily version-controlled and readable by AI agents.
1616

1717
## Configuration
@@ -137,9 +137,9 @@ Use the integrated **Lucide** icon pack to create rich architectural diagrams th
137137
== tab "Preview"
138138
```mermaid
139139
flowchart TD
140-
User([lucide:user User])
141-
Web([lucide:globe Web App])
142-
DB[(lucide:database Database)]
140+
User([icon:user User])
141+
Web([icon:globe Web App])
142+
DB[(icon:database Database)]
143143
144144
User --> Web
145145
Web --> DB
@@ -149,9 +149,9 @@ flowchart TD
149149
````markdown
150150
```mermaid
151151
flowchart TD
152-
User([lucide:user User])
153-
Web([lucide:globe Web App])
154-
DB[(lucide:database Database)]
152+
User([icon:user User])
153+
Web([icon:globe Web App])
154+
DB[(icon:database Database)]
155155
156156
User --> Web
157157
Web --> DB

docs/en/release-notes/0-7-3.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ We have completely overhauled how `docmd` renders Mermaid diagrams, turning stat
5959
- **Pan & Drag**: Click and drag to pan across large diagrams.
6060
- **Zoom Controls**: Dedicated zoom in/out buttons appear on hover for precise inspection.
6161
- **Fullscreen Mode**: A native fullscreen toggle allows users to expand complex charts for distraction-free viewing.
62-
- **Lucide Icon Integration**: The Lucide icon pack is registered directly into the Mermaid engine (`lucide:icon-name`), enabling rich architecture diagrams with the same icons used in your sidebar and tabs.
62+
- **Lucide Icon Integration**: The Lucide icon pack is registered directly into the Mermaid engine (`icon:icon-name`), enabling rich architecture diagrams with the same icons used in your sidebar and tabs.
6363
- **Dark Mode**: Diagrams and their containers now render correctly in dark mode with properly themed borders and backgrounds.
6464

6565
### ✨ Isomorphic Container Icons

docs/zh/plugins/mermaid.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ description: "直接在 Markdown 中使用 Mermaid.js 语法创建架构图、
1111
- **主题感知**:图表会自动适应其配色方案,以匹配你站点的**浅色****深色**模式切换。
1212
- **同构懒加载**:为优化性能,图表仅在进入用户视口时才初始化和渲染。
1313
- **交互式控制**:每个图表都内置了**平移****缩放****全屏**功能,确保大型架构图在各种屏幕尺寸上都清晰可见。
14-
- **图标集成**:深度支持 **Lucide** 图标库,允许你在架构图中使用 `lucide:icon-name` 语法。
14+
- **图标集成**:深度支持 **Lucide** 图标库,允许你在架构图中使用 `icon:name` 语法。
1515
- **技术可读性**:图表在源文件中保持纯文本格式,便于版本控制,AI Agent 也可轻松读取。
1616

1717
## 配置
@@ -137,9 +137,9 @@ gitGraph
137137
== tab "预览"
138138
```mermaid
139139
flowchart TD
140-
User([lucide:user 用户])
141-
Web([lucide:globe Web 应用])
142-
DB[(lucide:database 数据库)]
140+
User([icon:user 用户])
141+
Web([icon:globe Web 应用])
142+
DB[(icon:database 数据库)]
143143
144144
User --> Web
145145
Web --> DB
@@ -149,9 +149,9 @@ flowchart TD
149149
````markdown
150150
```mermaid
151151
flowchart TD
152-
User([lucide:user 用户])
153-
Web([lucide:globe Web 应用])
154-
DB[(lucide:database 数据库)]
152+
User([icon:user 用户])
153+
Web([icon:globe Web 应用])
154+
DB[(icon:database 数据库)]
155155
156156
User --> Web
157157
Web --> DB

docs/zh/release-notes/0-7-3.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ export default {
5959
- **平移与拖拽**:原生支持通过拖拽、或者使用方向控件在大型图表上平移。
6060
- **缩放控件**:悬停时会出现专门的放大/缩小按钮,以便于精确检查细节。
6161
- **全屏模式**:原生的全屏切换功能,允许用户全屏展开复杂的架构图,获得无干扰的视觉体验。
62-
- **Lucide 图标集成**:Lucide 图标库已被直接注册到 Mermaid 引擎内部(`lucide:icon-name`),使您可以使用与侧边栏和标签页相同的图标库来构建丰富的架构图。
62+
- **Lucide 图标集成**:Lucide 图标库已被直接注册到 Mermaid 引擎内部(`icon:icon-name`),使您可以使用与侧边栏和标签页相同的图标库来构建丰富的架构图。
6363
- **暗黑模式**:图表及其容器现在能在暗黑模式下正确渲染,具备正确主题化的边框和背景。
6464

6565
### ✨ 通用容器图标

0 commit comments

Comments
 (0)