From c451ad048cb546941484dd5885cf103eaa25d55b Mon Sep 17 00:00:00 2001
From: XieZongChen <46394163+amadeus711@users.noreply.github.com>
Date: Fri, 5 Nov 2021 13:18:48 -0500
Subject: [PATCH] docs: third party libraries

---
 demo/pages/docs/community/enUS/index.md | 14 ++++++++++++++
 demo/pages/docs/community/zhCN/index.md | 14 ++++++++++++++
 demo/routes/routes.js                   |  8 ++++++++
 demo/store/menu-options.js              |  5 +++++
 4 files changed, 41 insertions(+)
 create mode 100644 demo/pages/docs/community/enUS/index.md
 create mode 100644 demo/pages/docs/community/zhCN/index.md

diff --git a/demo/pages/docs/community/enUS/index.md b/demo/pages/docs/community/enUS/index.md
new file mode 100644
index 000000000..1393fec63
--- /dev/null
+++ b/demo/pages/docs/community/enUS/index.md
@@ -0,0 +1,14 @@
+<!--anchor:on-->
+
+# Third-Party Libraries
+
+Naive-ui is a high-quality Vue component library of unified design specifications, We prefer to provide only UI components with a unified specification and visual presentation. So we recommend the following great resources from the community that complement naive-ui.
+
+If you want to contribute excellent resources, please contact 07akioni or amadeus711 in the community of `Discord` or `DingTalk`.
+
+| Resources | Descriptions |
+| --- | --- |
+| [Naive UI Admin](https://github.com/jekip/naive-ui-admin) | A free open source out-of-box UI solution for enterprise applications. |
+| [Admin Work](https://github.com/qingqingxuan/admin-work) | A free open source, powerful, easy to use, beautiful back-office management system solution. |
+| [zce/fearless](https://github.com/zce/fearless) | A dashboard scaffolding based on Vue.js 3.x & TypeScript created by Vite. |
+| [tsx-naive-admin](https://github.com/WalkAlone0325/tsx-naive-admin) | A backend management template based on Vue 3 + Naive UI + TSX + Vite. |
diff --git a/demo/pages/docs/community/zhCN/index.md b/demo/pages/docs/community/zhCN/index.md
new file mode 100644
index 000000000..574852a7a
--- /dev/null
+++ b/demo/pages/docs/community/zhCN/index.md
@@ -0,0 +1,14 @@
+<!--anchor:on-->
+
+# 社区精选资源
+
+Naive-ui 是统一设计规范的高质量 Vue 组件库，我们倾向于只提供符合统一规范且带有视觉展现的 UI 组件。所以我们推荐以下社区已有的优秀资源，与 naive-ui 形成互补。
+
+想贡献优秀资源，请在 `钉钉` 或 `Discord` 的社区中联系 amadeus711 或 07akioni。
+
+| 资源 | 描述 |
+| --- | --- |
+| [Naive UI Admin](https://github.com/jekip/naive-ui-admin) | 免费开源的中后台模板 |
+| [Admin Work](https://github.com/qingqingxuan/admin-work) | 一款免费开源、功能强大、方便易用、漂亮的中后台管理系统模板 |
+| [zce/fearless](https://github.com/zce/fearless) | 一个基于 Vue.js 3.x & TypeScript & Vite 的管理平台脚手架，包含基本的身份认证和鉴权 |
+| [tsx-naive-admin](https://github.com/WalkAlone0325/tsx-naive-admin) | 基于 Vue 3 + Naive UI + TSX + Vite 的后台管理基本模板 |
diff --git a/demo/routes/routes.js b/demo/routes/routes.js
index a36c64ff6..50988dd6c 100644
--- a/demo/routes/routes.js
+++ b/demo/routes/routes.js
@@ -28,6 +28,10 @@ export const enDocRoutes = [
     path: 'customize-theme',
     component: () => import('../pages/docs/customize-theme/enUS/index.md')
   },
+  {
+    path: 'community',
+    component: () => import('../pages/docs/community/enUS/index.md')
+  },
   {
     path: 'i18n',
     component: () => import('../pages/docs/i18n/enUS/index.md')
@@ -88,6 +92,10 @@ export const zhDocRoutes = [
     path: 'customize-theme',
     component: () => import('../pages/docs/customize-theme/zhCN/index.md')
   },
+  {
+    path: 'community',
+    component: () => import('../pages/docs/community/zhCN/index.md')
+  },
   {
     path: 'i18n',
     component: () => import('../pages/docs/i18n/zhCN/index.md')
diff --git a/demo/store/menu-options.js b/demo/store/menu-options.js
index c5927108b..c512e85df 100644
--- a/demo/store/menu-options.js
+++ b/demo/store/menu-options.js
@@ -138,6 +138,11 @@ export function createDocumentationMenuOptions ({ lang, theme, mode }) {
           en: 'Create Themed Component',
           zh: '创建适配主题的组件',
           path: '/theme'
+        },
+        {
+          en: 'Third-Party Libraries',
+          zh: '社区精选资源',
+          path: '/community'
         }
         // {
         //   en: 'Experimental Features',