diff --git a/docs/README.md b/docs/README.md
index fed3c84f..648cf6b6 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -158,25 +158,7 @@ npm run docs:dev
 
 感谢所有的贡献者！
 
-<Contributors
-  :contributors="[
-    'pengzhanbo',
-    { github: 'huankong233', name: 'huan_kong' },
-    { github: 'northword', name: 'Northword' },
-    'KrLite',
-    'shylock-wu',
-    'hrradev',
-    { github: 'TheCoderAlex', name: 'Tang Zifeng' },
-    { github: 'HydroGest', name: 'MarkChai' },
-    { github: 'sunnyboy-mu', name: '小沐沐吖' },
-    { github: 'zhenghaoyang24', name: 'zhenghaoyang24' },
-    { github: 'shuoliuchn', name: 'Shuo Liu' },
-    'Hammuu1112',
-    'SherkeyXD',
-    { github: 'Kinneyzhang', name: 'Geekinney' },
-    'huyunan',
-  ]"
-/>
+<Contributors :contributors="data" />
 
 </div>
 
@@ -188,4 +170,5 @@ npm run docs:dev
 
 <script setup>
 import Contributors from '~/components/Contributors.vue'
+import data from '@source/contributors.json'
 </script>
diff --git a/docs/contributors.json b/docs/contributors.json
new file mode 100644
index 00000000..02647c7b
--- /dev/null
+++ b/docs/contributors.json
@@ -0,0 +1,17 @@
+[
+  "pengzhanbo",
+  { "github": "huankong233", "name": "huan_kong" },
+  { "github": "northword", "name": "Northword" },
+  "KrLite",
+  "shylock-wu",
+  "hrradev",
+  { "github": "TheCoderAlex", "name": "Tang Zifeng" },
+  { "github": "HydroGest", "name": "MarkChai" },
+  { "github": "sunnyboy-mu", "name": "小沐沐吖" },
+  { "github": "zhenghaoyang24", "name": "zhenghaoyang24" },
+  { "github": "shuoliuchn", "name": "Shuo Liu" },
+  "Hammuu1112",
+  "SherkeyXD",
+  { "github": "Kinneyzhang", "name": "Geekinney" },
+  "huyunan"
+]
diff --git a/docs/en/README.md b/docs/en/README.md
index 4a5fb2fe..196f9748 100644
--- a/docs/en/README.md
+++ b/docs/en/README.md
@@ -173,21 +173,7 @@ export default defineUserConfig({
 
 ### Contributors
 
-<Contributors
-:contributors="[
-'pengzhanbo',
-{ github: 'huankong233', name: 'huan_kong' },
-{ github: 'northword', name: 'Northword' },
-'KrLite',
-'shylock-wu',
-'hrradev',
-{ github: 'TheCoderAlex', name: 'Tang Zifeng' },
-{ github: 'HydroGest', name: 'MarkChai' },
-{ github: 'sunnyboy-mu', name: '小沐沐吖' },
-{ github: 'zhenghaoyang24', name: 'zhenghaoyang24' },
-{ github: 'shuoliuchn', name: 'Shuo Liu' },
-]"
-/>
+<Contributors :contributors="data" />
 
 </div>
 
@@ -196,3 +182,8 @@ export default defineUserConfig({
   cursor: default !important;
 }
 </style>
+
+<script setup>
+import Contributors from '~/components/Contributors.vue'
+import data from '@source/contributors.json'
+</script>