diff --git a/README.md b/README.md
index 40ef268..5b736ef 100644
--- a/README.md
+++ b/README.md
@@ -25,19 +25,11 @@
   <a href="https://conventionalcommits.org"><img alt="conventional commits" src="https://img.shields.io/badge/commits-Conventional-FE5196.svg?logo=conventionalcommits"></a>
   <a href="https://semantic-release.gitbook.io"><img alt="semantic release" src="https://img.shields.io/badge/release-semantic-e10079?logo=semantic-release"></a>
   <a href="https://arethetypeswrong.github.io/?p=json-editor-vue"><img alt="attw" src="https://img.shields.io/badge/are_the_types_wrong%3F-analyze-3178C6?logo=typescript&logoColor=white"></a>
-  <a href="https://pr.new"><img src="https://developer.stackblitz.com/img/start_pr_dark_small.svg" alt="Start new PR in StackBlitz Codeflow"></a>
+  <a href="https://pr.new/https://github.com/cloydlau/json-editor-vue"><img src="https://developer.stackblitz.com/img/start_pr_dark_small.svg" alt="Start new PR in StackBlitz Codeflow"></a>
 </p>
 
 <img width="48.5%" src="https://raw.githubusercontent.com/cloydlau/json-editor-vue/main/docs/text-mode.png" alt="text mode">&nbsp;<img width="48.5%" src="https://raw.githubusercontent.com/cloydlau/json-editor-vue/main/docs/tree-mode.png" alt="table mode">
 
-> [!Important]
->
-> json-editor-vue had surpassed [1 million downloads](https://npm.chart.dev/json-editor-vue): <a href="https://npm-stat.com/charts.html?package=json-editor-vue&from=2020-07-15"><img alt="npm downloads" src="https://img.shields.io/npm/dm/json-editor-vue?label=npm&color=cb3837"></a> <a href="https://www.jsdelivr.com/package/npm/json-editor-vue"><img alt="jsDelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?period=all&style=rounded"></a> <a href="https://github.com/jsr-io/jsr/issues/14"><img alt="JSR downloads" src="https://img.shields.io/badge/JSR-unknown-faee4a.svg"></a> <a href="https://github.com/mjackson/unpkg/issues/250"><img alt="unpkg downloads" src="https://img.shields.io/badge/unpkg-unknown-black.svg"></a>
->
-> While having a extremely dismal number of Stars: <a href="https://github.com/cloydlau/json-editor-vue/stargazers"><img alt="GitHub Stars" src="https://img.shields.io/github/stars/cloydlau/json-editor-vue?color=9f7be1&logo=github&style=flat"></a>
->
-> Please consider [starring ⭐](https://github.com/cloydlau/json-editor-vue) or [donating](#donate) to support our ongoing maintenance if it helps: <a href="https://github.com/cloydlau/json-editor-vue/issues?q=is%3Aissue+is%3Aclosed"><img alt="GitHub issues closed" src="https://img.shields.io/github/issues-closed/cloydlau/json-editor-vue?logo=github"></a>
-
 <br>
 
 ## Features
@@ -61,6 +53,45 @@
 
 <br>
 
+## Cases
+
+<table>
+  <tbody>
+    <tr>
+      <td align="center">
+        <a href="https://github.com/google/litmus">
+          <img height="40" valign="middle" src="./docs/google.svg" />
+        </a>
+      </td>
+      <td align="center">
+        <a href="https://github.com/nuxt/devtools">
+          <img height="30" valign="middle" src="./docs/nuxt.svg" />
+        </a>
+      </td>
+      <td align="center">
+        <a href="https://github.com/RockChinQ/LangBot">
+          <img height="40" valign="middle" src="./docs/langbot.png" />
+        </a>
+      </td>
+      <td align="center">
+        <a href="https://pr.new/https://github.com/cloydlau/json-editor-vue">
+          Calling for more
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+> [!Important]
+>
+> json-editor-vue had surpassed [1 million downloads](https://npm.chart.dev/json-editor-vue): <a href="https://npm-stat.com/charts.html?package=json-editor-vue&from=2020-07-15"><img alt="npm downloads" src="https://img.shields.io/npm/dm/json-editor-vue?label=npm&color=cb3837"></a> <a href="https://www.jsdelivr.com/package/npm/json-editor-vue"><img alt="jsDelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?period=all&style=rounded"></a> <a href="https://github.com/jsr-io/jsr/issues/14"><img alt="JSR downloads" src="https://img.shields.io/badge/JSR-unknown-faee4a.svg"></a> <a href="https://github.com/mjackson/unpkg/issues/250"><img alt="unpkg downloads" src="https://img.shields.io/badge/unpkg-unknown-black.svg"></a>
+>
+> While having a extremely dismal number of Stars: <a href="https://github.com/cloydlau/json-editor-vue/stargazers"><img alt="GitHub Stars" src="https://img.shields.io/github/stars/cloydlau/json-editor-vue?color=9f7be1&logo=github&style=flat"></a>
+>
+> Please consider [starring ⭐](https://github.com/cloydlau/json-editor-vue) or [donating](#donate) to support our ongoing maintenance if it helps: <a href="https://github.com/cloydlau/json-editor-vue/issues?q=is%3Aissue+is%3Aclosed"><img alt="GitHub issues closed" src="https://img.shields.io/github/issues-closed/cloydlau/json-editor-vue?logo=github"></a>
+
+<br>
+
 ## Install
 
 ### Dependencies
@@ -1085,32 +1116,6 @@ Detailed changes for each release are documented in the [release notes](https://
 
 <br>
 
-## Cases
-
-<table>
-  <tbody>
-    <tr>
-      <td align="center">
-        <a href="https://github.com/google/litmus">
-          <img height="40" valign="middle" src="./docs/google.svg" />
-        </a>
-      </td>
-      <td align="center">
-        <a href="https://github.com/nuxt/devtools">
-          <img height="30" valign="middle" src="./docs/nuxt.svg" />
-        </a>
-      </td>
-      <td align="center">
-        <a href="https://pr.new">
-          Calling for more
-        </a>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-<br>
-
 ## Donate
 
 You can buy us a coffee via WeChat Pay 💗
diff --git a/docs/README.zh-CN.md b/docs/README.zh-CN.md
index 71d88cc..a801ce4 100644
--- a/docs/README.zh-CN.md
+++ b/docs/README.zh-CN.md
@@ -25,19 +25,11 @@
   <a href="https://conventionalcommits.org"><img alt="conventional commits" src="https://img.shields.io/badge/commits-Conventional-FE5196.svg?logo=conventionalcommits"></a>
   <a href="https://semantic-release.gitbook.io"><img alt="semantic release" src="https://img.shields.io/badge/release-semantic-e10079?logo=semantic-release"></a>
   <a href="https://arethetypeswrong.github.io/?p=json-editor-vue"><img alt="attw" src="https://img.shields.io/badge/are_the_types_wrong%3F-analyze-3178C6?logo=typescript&logoColor=white"></a>
-  <a href="https://pr.new"><img src="https://developer.stackblitz.com/img/start_pr_dark_small.svg" alt="Start new PR in StackBlitz Codeflow"></a>
+  <a href="https://pr.new/https://github.com/cloydlau/json-editor-vue"><img src="https://developer.stackblitz.com/img/start_pr_dark_small.svg" alt="Start new PR in StackBlitz Codeflow"></a>
 </p>
 
 <img width="48.5%" src="https://raw.githubusercontent.com/cloydlau/json-editor-vue/main/docs/text-mode.png" alt="text mode">&nbsp;<img width="48.5%" src="https://raw.githubusercontent.com/cloydlau/json-editor-vue/main/docs/tree-mode.png" alt="table mode">
 
-> [!Important]
->
-> json-editor-vue 已过[百万下载](https://npm.chart.dev/json-editor-vue)：<a href="https://npm-stat.com/charts.html?package=json-editor-vue&from=2020-07-15"><img alt="npm downloads" src="https://img.shields.io/npm/dm/json-editor-vue?label=npm&color=cb3837"></a> <a href="https://www.jsdelivr.com/package/npm/json-editor-vue"><img alt="jsDelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?period=all&style=rounded"></a> <a href="https://github.com/jsr-io/jsr/issues/14"><img alt="JSR downloads" src="https://img.shields.io/badge/JSR-unknown-faee4a.svg"></a> <a href="https://github.com/mjackson/unpkg/issues/250"><img alt="unpkg downloads" src="https://img.shields.io/badge/unpkg-unknown-black.svg"></a>
->
-> 与 Star 数量是天上地下的差别：<a href="https://github.com/cloydlau/json-editor-vue/stargazers"><img alt="GitHub Stars" src="https://img.shields.io/github/stars/cloydlau/json-editor-vue?color=9f7be1&logo=github&style=flat"></a>
->
-> 如有帮助，请考虑[点亮一下 ⭐](https://github.com/cloydlau/json-editor-vue) 或[买一杯咖啡](#捐赠)以支持我们的长期维护工作：<a href="https://github.com/cloydlau/json-editor-vue/issues?q=is%3Aissue+is%3Aclosed"><img alt="GitHub issues closed" src="https://img.shields.io/github/issues-closed/cloydlau/json-editor-vue?logo=github"></a>
-
 <br>
 
 ## 特性
@@ -61,6 +53,45 @@
 
 <br>
 
+## 案例
+
+<table>
+  <tbody>
+    <tr>
+      <td align="center">
+        <a href="https://github.com/google/litmus">
+          <img height="40" valign="middle" src="./google.svg" />
+        </a>
+      </td>
+      <td align="center">
+        <a href="https://github.com/nuxt/devtools">
+          <img height="30" valign="middle" src="./nuxt.svg" />
+        </a>
+      </td>
+      <td align="center">
+        <a href="https://github.com/RockChinQ/LangBot">
+          <img height="40" valign="middle" src="./langbot.png" />
+        </a>
+      </td>
+      <td align="center">
+        <a href="https://pr.new/https://github.com/cloydlau/json-editor-vue">
+          征集更多
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+> [!Important]
+>
+> json-editor-vue 已过[百万下载](https://npm.chart.dev/json-editor-vue)：<a href="https://npm-stat.com/charts.html?package=json-editor-vue&from=2020-07-15"><img alt="npm downloads" src="https://img.shields.io/npm/dm/json-editor-vue?label=npm&color=cb3837"></a> <a href="https://www.jsdelivr.com/package/npm/json-editor-vue"><img alt="jsDelivr downloads" src="https://data.jsdelivr.com/v1/package/npm/json-editor-vue/badge?period=all&style=rounded"></a> <a href="https://github.com/jsr-io/jsr/issues/14"><img alt="JSR downloads" src="https://img.shields.io/badge/JSR-unknown-faee4a.svg"></a> <a href="https://github.com/mjackson/unpkg/issues/250"><img alt="unpkg downloads" src="https://img.shields.io/badge/unpkg-unknown-black.svg"></a>
+>
+> 与 Star 数量是天上地下的差别：<a href="https://github.com/cloydlau/json-editor-vue/stargazers"><img alt="GitHub Stars" src="https://img.shields.io/github/stars/cloydlau/json-editor-vue?color=9f7be1&logo=github&style=flat"></a>
+>
+> 如有帮助，请考虑[点亮一下 ⭐](https://github.com/cloydlau/json-editor-vue) 或[买一杯咖啡](#捐赠)以支持我们的长期维护工作：<a href="https://github.com/cloydlau/json-editor-vue/issues?q=is%3Aissue+is%3Aclosed"><img alt="GitHub issues closed" src="https://img.shields.io/github/issues-closed/cloydlau/json-editor-vue?logo=github"></a>
+
+<br>
+
 ## 安装
 
 ### 依赖
@@ -1083,32 +1114,6 @@ import 'vanilla-jsoneditor/themes/jse-theme-dark.css'
 
 <br>
 
-## 案例
-
-<table>
-  <tbody>
-    <tr>
-      <td align="center">
-        <a href="https://github.com/google/litmus">
-          <img height="40" valign="middle" src="./google.svg" />
-        </a>
-      </td>
-      <td align="center">
-        <a href="https://github.com/nuxt/devtools">
-          <img height="30" valign="middle" src="./nuxt.svg" />
-        </a>
-      </td>
-      <td align="center">
-        <a href="https://pr.new">
-          征集更多
-        </a>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-<br>
-
 ## 捐赠
 
 可以通过微信支付帮维护团队买一杯咖啡 💗
diff --git a/docs/langbot.png b/docs/langbot.png
new file mode 100644
index 0000000..b2caca7
Binary files /dev/null and b/docs/langbot.png differ