docs: 🎨 beautiful (#42)

NelsonYong · web-flow · commit 4cf0241ee792 · 2022-11-24T18:55:32.000+08:00
* style: 🎨 optimized code

* test: add example test

* test: uniapp example

* chore: depend on upgrade

* docs: optimized readme

* docs: optimized readme

* docs: optimized readme

* docs: optimized readme

* docs: team ui

* docs: team ui

* test: remove example
diff --git a/README.md b/README.md
@@ -23,18 +23,18 @@ High-quality and reliable Vue3 Hooks library
 
 </div>
 
-## 📚 Documentation
-
-See the <a href="https://inhiblabcore.github.io/docs/hooks" target="_blank">Documentation Guide</a>
-
 ## ✨ Features
 
-- Easy to learn and use
-- Supports SSR
-- Contains a comprehensive collection of basic Hooks
-- A wide range of application scenarios
-- Written in TypeScript with predictable static types
-- Support the on-demand load, and reduce the packing volume
+- 🏄🏼‍♂️ Easy to learn and use
+- 🔋 Supports SSR
+- 🛸 Contains a comprehensive collection of basic Hooks
+- 🏟️ A wide range of application scenarios
+- 🦾 Preferred useRequest, Powerful request middle tier
+- 🎪 Interactive demo, immersive
+- 🎯 Written in TypeScript with predictable static types
+- 🪄 Support the on-demand load, and reduce the packing volume
+- 🤺 Playground, there's ample scope for one's abilities
+- 🔐 Perfect test, safe and reliable
 
 ## 📦 Install
 
@@ -44,7 +44,7 @@ $ npm i vue-hooks-plus
 $ yarn add vue-hooks-plus
 ```
 
-## 🔨 Usage
+## 🤹‍♀️ Usage
 
 ```typescript
 import { useRequest } from 'vue-hooks-plus'
@@ -54,20 +54,26 @@ import { useRequest } from 'vue-hooks-plus'
 import useRequest from 'vue-hooks-plus/es/useRequest'
 ```
 
-## 🏃 Start the document
+Refer to <a href="https://inhiblabcore.github.io/docs/hooks" target="_blank">Documentations</a> for more details.
+
+## 🕹️ Dev the document
 
 ```
 <!-- need run initial -->
 
 npm run docs:dev
 ```
 
-# 🪴 Project Activity
+## 🪴 Project Activity
 
 ![Alt](https://repobeats.axiom.co/api/embed/35dbca2274542c0144993be92cc51762227543d9.svg 'Repobeats analytics image')
 
-# 🌸 Thanks
+## 🌸 Thanks
 
 This project is heavily inspired by the following awesome projects.
 
 - [ahooks](https://ahooks.js.org/)
+
+## 📄 License
+
+[MIT License](https://github.com/InhiblabCore/vue-hooks-plus/blob/master/LICENSE) © 2022-PRESENT [Yong Git](https://github.com/NelsonYong)
diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -23,18 +23,18 @@
 
 </div>
 
-## 📚 文档
-
-查看 <a href="https://nelsonyong.gitee.io/docs/hooks" target="_blank">文档指南</a>
-
 ## ✨ 特性
 
-- 易学易用
-- 支持 SSR
-- 丰富的 Hooks
-- 覆盖大部分业务场景
-- 使用 TypeScript 构建，提供完整的类型定义文件
-- 支持按需加载，减少打包体积
+- 🏄🏼‍♂️ 易学易用
+- 🔋 支持 SSR
+- 🛸 丰富的 Hooks
+- 🏟️ 覆盖大部分业务场景
+- 🦾 首选 useRequest，强大的请求中间层
+- 🎪 交互式 demo，身临其境
+- 🎯 使用 TypeScript 构建，提供完整的类型定义文件
+- 🪄 支持按需加载，减少打包体积
+- 🤺 演练场，大有用武之地
+- 🔐 测试完善，安全可靠
 
 ## 📦 安装
 
@@ -44,7 +44,7 @@ $ npm i vue-hooks-plus
 $ yarn add vue-hooks-plus
 ```
 
-## 🔨 使用
+## 🤹‍♀️ 使用
 
 ```typescript
 import { useRequest } from 'vue-hooks-plus'
@@ -54,7 +54,9 @@ import { useRequest } from 'vue-hooks-plus'
 import useRequest from 'vue-hooks-plus/es/useRequest'
 ```
 
-## 🏃 启动文档
+更多详情请参考 <a href="https://inhiblab-core.gitee.io/docs/hooks" target="_blank">文档</a>。
+
+## 🕹️ 调试文档
 
 ```
 <!-- need run initial -->
@@ -71,3 +73,7 @@ npm run docs:dev
 这个项目的灵感主要来自于以下这些很棒的项目。
 
 - [ahooks](https://ahooks.js.org/)
+
+## 📄 证书
+
+[MIT License](https://github.com/InhiblabCore/vue-hooks-plus/blob/master/LICENSE) © 2022-PRESENT [Yong Git](https://github.com/NelsonYong)
diff --git a/packages/hooks/README.md b/packages/hooks/README.md
@@ -23,18 +23,18 @@ High-quality and reliable Vue3 Hooks library
 
 </div>
 
-## 📚 Documentation
-
-See the <a href="https://inhiblabcore.github.io/docs/hooks" target="_blank">Documentation Guide</a>
-
 ## ✨ Features
 
-- Easy to learn and use
-- Supports SSR
-- Contains a comprehensive collection of basic Hooks
-- A wide range of application scenarios
-- Written in TypeScript with predictable static types
-- Support the on-demand load, and reduce the packing volume
+- 🏄🏼‍♂️ Easy to learn and use
+- 🔋 Supports SSR
+- 🛸 Contains a comprehensive collection of basic Hooks
+- 🏟️ A wide range of application scenarios
+- 🦾 Preferred useRequest, Powerful request middle tier
+- 🎪 Interactive demo, immersive
+- 🎯 Written in TypeScript with predictable static types
+- ⚡️ Support the on-demand load, and reduce the packing volume
+- 🤺 The drill field shows its skills
+- 🔐 Perfect test, safe and reliable
 
 ## 📦 Install
 
@@ -44,7 +44,7 @@ $ npm i vue-hooks-plus
 $ yarn add vue-hooks-plus
 ```
 
-## 🔨 Usage
+## 🤹‍♀️ Usage
 
 ```typescript
 import { useRequest } from 'vue-hooks-plus'
@@ -54,21 +54,26 @@ import { useRequest } from 'vue-hooks-plus'
 import useRequest from 'vue-hooks-plus/es/useRequest'
 ```
 
-## 🏃 Start the document
+Refer to <a href="https://inhiblabcore.github.io/docs/hooks" target="_blank">Documentations</a> for more details.
+
+## 🕹️ Dev the document
 
 ```
 <!-- need run initial -->
 
 npm run docs:dev
 ```
 
-# 🪴 Project Activity
+## 🪴 Project Activity
 
 ![Alt](https://repobeats.axiom.co/api/embed/35dbca2274542c0144993be92cc51762227543d9.svg 'Repobeats analytics image')
 
-# 🌸 Thanks
+## 🌸 Thanks
 
 This project is heavily inspired by the following awesome projects.
 
-- [react-use](https://github.com/streamich/react-use)
 - [ahooks](https://ahooks.js.org/)
+
+## 📄 License
+
+[MIT License](https://github.com/InhiblabCore/vue-hooks-plus/blob/master/LICENSE) © 2022-PRESENT [Yong Git](https://github.com/NelsonYong)
diff --git a/packages/hooks/docs/.vitepress/theme/home/Home.vue b/packages/hooks/docs/.vitepress/theme/home/Home.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
   import DemoEditor from './DemoEditor.vue'
+  import HomeTeam from './HomeTeam.vue'
   import Icon from './Icon.vue'
 </script>
 
@@ -51,7 +52,7 @@
       <div class="vt-box">
         <h2>🎪 交互式demo演示</h2>
         <p>
-          支持服务端的使用。
+          眼见为实，身临其境。
         </p>
       </div>
       <div class="vt-box">
@@ -69,24 +70,22 @@
       <div class="vt-box">
         <h2>🤺 演练场</h2>
         <p>
-          在线快速体验 hooks 编码。
+          在线编码，大有用武之地。
         </p>
       </div>
       <div class="vt-box">
-        <h2>⚡️ 按需加载</h2>
+        <h2>🪄 按需加载</h2>
         <p>
-          拿你想要的，减少打包体积。
+          拿你想要，包体积更小。
         </p>
       </div>
       <div class="vt-box">
         <h2>🔐 安全性</h2>
         <p>
-          安全极速 Vitest 单元测试。
+          测试完善，安全可靠。
         </p>
       </div>
     </section>
-    <!-- <HomeTeam /> -->
-
     <DemoEditor>
       <div class="demo-name">
         Demo.vue
@@ -96,6 +95,7 @@
         <pre ref="block" class="text-left whitespace-normal font-mono bg-transparent"></pre>
       </div> -->
     </DemoEditor>
+    <!-- <HomeTeam /> -->
   </div>
 </template>
 
diff --git a/packages/hooks/docs/.vitepress/theme/home/TeamMember.vue b/packages/hooks/docs/.vitepress/theme/home/TeamMember.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
   import { CoreTeam } from '../../../contributors'
 
+  import { packageIcon, funcIcon } from './iconBase64'
+
   defineProps<{
     data: CoreTeam
   }>()
@@ -9,6 +11,7 @@
 <template>
   <div class="container">
     <img
+      class="avatar"
       loading="lazy"
       width="150"
       height="150"
@@ -64,19 +67,23 @@
       mxa
     >
       <template v-if="data.functions">
-        <!-- <div op50 i-carbon:function-math title="Functions" /> -->
-        <div>
-          <a v-for="f of data.functions" :key="f" :href="`/${f}`" target="_blank">
-            <code>{{ f }}</code>
-          </a>
+        <div class="code">
+          <img class="icon" :src="funcIcon" alt="" />
+          <div class="code-container">
+            <a v-for="f of data.functions" :key="f" :href="`/${f}`" target="_blank">
+              <code>{{ f }}</code>
+            </a>
+          </div>
         </div>
       </template>
       <template v-if="data.packages">
-        <!-- <div /> -->
         <div class="code">
-          <a v-for="f of data.packages" :key="f" href="">
-            <code>{{ f }}</code>
-          </a>
+          <img class="icon" :src="packageIcon" alt="" />
+          <div class="code-container">
+            <a v-for="f of data.packages" :key="f" href="">
+              <code>{{ f }}</code>
+            </a>
+          </div>
         </div>
       </template>
     </div>
@@ -89,7 +96,7 @@
     flex-direction: column;
     align-items: center;
   }
-  img {
+  .avatar {
     min-height: 4.75rem;
     min-width: 4.75rem;
     border-radius: 4.75rem;
@@ -105,9 +112,21 @@
   .code {
     background-color: var(--vp-code-block-bg);
     display: flex;
-    flex-direction: column;
+    /* flex-direction: column; */
+    align-items: center;
     padding: 12px;
     border-radius: 5px;
     margin-top: 12px;
   }
+
+  .code-container {
+    display: flex;
+    flex-direction: column;
+    padding-left: 8px;
+  }
+
+  .icon {
+    width: 1.2rem;
+    height: 1.2rem;
+  }
 </style>
diff --git a/packages/hooks/docs/.vitepress/theme/home/iconBase64.ts b/packages/hooks/docs/.vitepress/theme/home/iconBase64.ts
@@ -10,4 +10,10 @@ const dark_bg =
 const svg =
   'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjcwcHgiIGhlaWdodD0iMjQwcHgiIHZpZXdCb3g9IjAgMCAyNzAgMjQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPue8lue7hCAzPC90aXRsZT4KICAgIDxnIGlkPSLpppbpobUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnlLvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NzAuMDAwMDAwLCAtMjAwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3MC4wMDAwMDAsIDIwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLkuInop5LlvaLlpIfku70tMjYiIGZpbGw9IiM0MkQzOTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjc1MDAwMCwgMzAuMDAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0zMy43NTAwMDAsIC0zMC4wMDAwMDApICIgcG9pbnRzPSIzMy43NSAwIDY3LjUgNjAgMCA2MCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMzUsMCBMMTE4LjA2MywzMC4xMTEgTDEwMSwwIEwxMzUsMCBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjNDJEMzkzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuS4ieinkuW9ouWkh+S7vS0yOCIgZmlsbD0iIzQ4Q0I5RCIgcG9pbnRzPSI2Ny41IDAgMTAxLjI1IDYwIDMzLjc1IDYwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEzNSwwIEwxNTEuOTM3LDMwLjExMSBMMTM1LDYwIEwxMTguMDYzLDMwLjExMSBMMTM1LDAgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzQ4Q0I5RCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDEuMjI3LDYwLjA0MiBMMTEzLDgxIEwxMTcsMTIwIEw2Ny41LDEyMCBMMTAxLjIyNyw2MC4wNDIgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzU4QTlDOCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjguNzczLDYwLjA0MiBMMjAyLjUsMTIwIEwxNTMsMTIwIEwxNTcsODEgTDE2OC43NzMsNjAuMDQyIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM1OEE5QzgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQxLjkyMywxMzIuMzA3IEwxNjguNzUsMTgwIEwxMDEuMjUsMTgwIEwxMjguMDc3LDEzMi4zMDcgTDEzNSwxNDAgTDE0MS45MjMsMTMyLjMwNyBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjNjA4REVDIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuS4ieinkuW9ouWkh+S7vS0zMCIgZmlsbD0iIzQ4Q0I5RCIgcG9pbnRzPSIyMDIuNSAwIDIzNi4yNSA2MCAxNjguNzUgNjAiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY5LC01LjQ1Njk2ODIxZS0xMiBMMTUxLjkzNywzMC4xMTEgTDEzNSwwIEwxNjksLTUuNDU2OTY4MjFlLTEyIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM0MkQzOTMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i5LiJ6KeS5b2i5aSH5Lu9LTM5IiBmaWxsPSIjNDJEMzkzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzYuMjUwMDAwLCAzMC4wMDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTIzNi4yNTAwMDAsIC0zMC4wMDAwMDApICIgcG9pbnRzPSIyMzYuMjUgMCAyNzAgNjAgMjAyLjUgNjAiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i5LiJ6KeS5b2i5aSH5Lu9LTQwIiBmaWxsPSIjNTBCREFGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMDIuNTAwMDAwLCA5MC4wMDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTIwMi41MDAwMDAsIC05MC4wMDAwMDApICIgcG9pbnRzPSIyMDIuNSA2MCAyMzYuMjUgMTIwIDE2OC43NSAxMjAiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0i5LiJ6KeS5b2i5aSH5Lu9LTQxIiBmaWxsPSIjNTBCREFGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2Ny41MDAwMDAsIDkwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtNjcuNTAwMDAwLCAtOTAuMDAwMDAwKSAiIHBvaW50cz0iNjcuNSA2MCAxMDEuMjUgMTIwIDMzLjc1IDEyMCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9IiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzUwQkRBRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMTcsMTIwIEwxMjguMDc3LDEzMi4zMDggTDEwMS4yNSwxODAgTDY3LjUsMTIwIEwxMTcsMTIwIFoiIGlkPSLlvaLnirbnu5PlkIgiIGZpbGw9IiM1RTlCREYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAyLjUsMTIwIEwxNjguNzUsMTgwIEwxNDEuOTI0LDEzMi4zMDggTDE1MywxMjAgTDIwMi41LDEyMCBaIiBpZD0i5b2i54q257uT5ZCIIiBmaWxsPSIjNUU5QkRGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IuS4ieinkuW9ouWkh+S7vS00NSIgZmlsbD0iIzYzODBGQiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM1LjAwMDAwMCwgMjEwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMTM1LjAwMDAwMCwgLTIxMC4wMDAwMDApICIgcG9pbnRzPSIxMzUgMTgwIDE2OC43NSAyNDAgMTAxLjI1IDI0MCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4='
 
-export { imageBase64, light_bg, dark_bg, svg }
+const packageIcon =
+  'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjY5Mjg1NjMxNzM5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5OTIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTU1OC40NTIzNjQgOTUuNDE4MTgybDcuOTEyNzI3IDQuMTQyNTQ1TDg0My40MDM2MzYgMjU3Ljg2MTgxOGExMDguOTE2MzY0IDEwOC45MTYzNjQgMCAwIDEgNTQuMjI1NDU1IDg1Ljk2OTQ1NWwwLjMyNTgxOCA4LjI4NTA5MXYzMTYuNzQxODE4YzAgMzYuMDcyNzI3LTE3LjkyIDY5LjU4NTQ1NS00Ny40Mjk4MTggODkuNzg2MTgybC02Ljk4MTgxOCA0LjM3NTI3Mi0wLjEzOTYzNyAwLjA5MzA5MS0yNzcuMDM4NTQ1IDE1OC4zMDEwOTFjLTEyLjE5NDkwOSA2Ljk4MTgxOC0yNS4zNjcyNzMgMTEuNDk2NzI3LTM4LjgxODkwOSAxMy40NTE2MzdhMjkuNzg5MDkxIDI5Ljc4OTA5MSAwIDAgMS0zMS4xODU0NTUtMC4wNDY1NDYgMTA3LjUyIDEwNy41MiAwIDAgMS0zMS4zMjUwOTEtOS40OTUyNzNsLTcuNDQ3MjcyLTMuOTA5ODE4LTI3Ny4wMzg1NDYtMTU4LjMwMTA5MWExMDguOTE2MzY0IDEwOC45MTYzNjQgMCAwIDEtNTQuMjI1NDU0LTg2LjAxNmwtMC4zMjU4MTktOC4yMzg1NDVWMzUyLjExNjM2NGMwLTM2LjA3MjcyNyAxNy45Mi02OS42MzIgNDcuNDI5ODE5LTg5Ljc4NjE4Mmw2Ljk4MTgxOC00LjM3NTI3MyAwLjEzOTYzNi0wLjA5MzA5MUw0NTcuNTg4MzY0IDk5LjYwNzI3M2ExMDguODY5ODE4IDEwOC44Njk4MTggMCAwIDEgMTAwLjg2NC00LjE0MjU0NnpNMTg1LjcxNjM2NCAzNDYuMjk4MTgybC0wLjMyNTgxOSA1LjgxODE4MnYzMTYuNjk1MjcyYzAgMTUuNjg1ODE4IDcuNDQ3MjczIDMwLjI1NDU0NSAxOS44MjgzNjQgMzkuNTYzNjM3bDQuODQwNzI3IDMuMjExNjM2IDI3Mi4xOTc4MTkgMTU1LjUwODM2NHYtMzUwLjcyTDE4NS45MDI1NDUgMzQ0Ljk5NDkwOWE0OS4zMzgxODIgNDkuMzM4MTgyIDAgMCAwLTAuMTg2MTgxIDEuMzQ5ODE4eiBtNjUyLjM4MTA5MS0xLjAyNEw1NDEuNjQ5NDU1IDUxNi42NTQ1NDV2MzUwLjQ4NzI3M2wyNzIuMjQ0MzYzLTE1NS41NTQ5MDljMTMuNTQ0NzI3LTcuODY2MTgyIDIyLjQ4MTQ1NS0yMS41OTcwOTEgMjQuMzQzMjczLTM2Ljk1NzA5MWwwLjMyNTgxOC01LjgxODE4MlYzNTIuMTYyOTA5YzAtMi4zMjcyNzMtMC4xMzk2MzYtNC42NTQ1NDUtMC40NjU0NTQtNi44ODg3Mjd6IG0tMzQ0Ljk0ODM2NC0xOTcuMTY2NTQ2bC01LjkxMTI3MyAyLjg4NTgxOS0wLjA5MzA5MSAwLjA5MzA5LTI2MC41NjE0NTQgMTQ4LjgwNTgxOSAyODUuNjQ5NDU0IDE2NS4yMzYzNjMgMjg1LjMyMzYzNy0xNjUuMDUwMTgyLTI2MC43MDEwOTEtMTQ4Ljk5Mi0wLjEzOTYzNy0wLjA5MzA5YTQ5LjQ3NzgxOCA0OS40Nzc4MTggMCAwIDAtNDMuNTY2NTQ1LTIuODg1ODE5eiIgZmlsbD0iI2RiZGJkYiIgcC1pZD0iMTk5MyI+PC9wYXRoPjwvc3ZnPg=='
+
+const funcIcon =
+  'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjY5Mjg1ODU1ODcxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ5ODMiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTM2MC40NDggNDU2LjcwNGgxNjEuNzkyYzEyLjI4OCAwIDIwLjQ4IDguMTkyIDIwLjQ4IDIwLjQ4cy04LjE5MiAyMC40OC0yMC40OCAyMC40OGgtMTY3LjkzNmwtNzcuODI0IDQzOC4yNzJjLTIuMDQ4IDEwLjI0LTEyLjI4OCAxOC40MzItMjQuNTc2IDE2LjM4NC0xMC4yNC0yLjA0OC0xOC40MzItMTIuMjg4LTE2LjM4NC0yNC41NzZsNzUuNzc2LTQzMC4wOGgtMTE2LjczNmMtMTIuMjg4IDAtMjAuNDgtOC4xOTItMjAuNDgtMjAuNDhzOC4xOTItMjAuNDggMjAuNDgtMjAuNDhoMTI0LjkyOGwzNC44MTYtMTk2LjYwOGM0LjA5Ni0yMi41MjggMTQuMzM2LTUzLjI0OCAzNC44MTYtODMuOTY4IDE4LjQzMi0yNi42MjQgNDMuMDA4LTQ5LjE1MiA3MS42OC02My40ODggMzYuODY0LTE4LjQzMiA3Ny44MjQtMjYuNjI0IDExOC43ODQtMjguNjcyIDEyLjI4OCAwIDIwLjQ4IDguMTkyIDIwLjQ4IDIwLjQ4cy04LjE5MiAyMC40OC0yMC40OCAyMC40OGMtMzQuODE2IDAtNjcuNTg0IDguMTkyLTEwMC4zNTIgMjIuNTI4LTIyLjUyOCAxMi4yODgtNDMuMDA4IDI4LjY3Mi01Ny4zNDQgNTEuMi0xMC4yNCAxNC4zMzYtMTguNDMyIDMwLjcyLTIyLjUyOCA0Ny4xMDQtNC4wOTYgMTAuMjQtNC4wOTYgMTYuMzg0LTYuMTQ0IDIwLjQ4bC0zMi43NjggMTkwLjQ2NHogbTM0NC4wNjQgMjUxLjkwNGwxMTYuNzM2LTEzNy4yMTZjOC4xOTItOC4xOTIgMjAuNDgtMTAuMjQgMjguNjcyLTIuMDQ4czEwLjI0IDIwLjQ4IDIuMDQ4IDI4LjY3MmwtMTIwLjgzMiAxNDMuMzYgMTIwLjgzMiAxNDMuMzZjOC4xOTIgOC4xOTIgNi4xNDQgMjIuNTI4LTIuMDQ4IDI4LjY3Mi04LjE5MiA4LjE5Mi0yMi41MjggNi4xNDQtMjguNjcyLTIuMDQ4bC0xMTYuNzM2LTEzNy4yMTYtMTE2LjczNiAxMzcuMjE2Yy04LjE5MiA4LjE5Mi0yMC40OCAxMC4yNC0yOC42NzIgMi4wNDgtOC4xOTItOC4xOTItMTAuMjQtMjAuNDgtMi4wNDgtMjguNjcybDEyMC44MzItMTQzLjM2LTEyMC44MzItMTQzLjM2Yy04LjE5Mi04LjE5Mi02LjE0NC0yMi41MjggMi4wNDgtMjguNjcyIDguMTkyLTguMTkyIDIyLjUyOC02LjE0NCAyOC42NzIgMi4wNDhsMTE2LjczNiAxMzcuMjE2eiIgcC1pZD0iNDk4NCIgZmlsbD0iI2RiZGJkYiI+PC9wYXRoPjwvc3ZnPg=='
+
+export { imageBase64, light_bg, dark_bg, svg, packageIcon, funcIcon }
diff --git a/packages/hooks/docs/contributors.json b/packages/hooks/docs/contributors.json
@@ -1 +1 @@
-["NelsonYong", "hongaah"]
+["NelsonYong", "hongaah", "Noobbbbbbb"]
diff --git a/packages/hooks/docs/contributors.ts b/packages/hooks/docs/contributors.ts
@@ -41,12 +41,13 @@ const coreTeamMembers: CoreTeam[] = [
     name: 'Hongaah',
     github: 'hongaah',
     description: '技术达人',
-    packages: ['vue-hooks-plus 构建方案'],
+    functions: ['useFetch'],
   },
-].sort(
-  (pre, cur) =>
-    contributors.findIndex(name => name === pre.github) -
-    contributors.findIndex(name => name === cur.github),
-)
+]
+// .sort(
+//   (pre, cur) =>
+//     contributors.findIndex(name => name === pre.github) -
+//     contributors.findIndex(name => name === cur.github),
+// )
 
 export { coreTeamMembers, contributorList as contributors }

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-["NelsonYong", "hongaah"]`
	`1`	`+["NelsonYong", "hongaah", "Noobbbbbbb"]`