docs: my team

Author: NelsonYong

packages/hooks/docs/.vitepress/theme/home/DemoEditor.vue

@@ -1,4 +1,9 @@
 <template>
+  <div>
+    <h2 class="name">
+      Grace
+    </h2>
+  </div>
   <div id="demo-editor" ref="domRef">
     <div class="terminal">
       <slot />
@@ -70,6 +75,13 @@
 </script>
 
 <style lang="less">
+  h2 {
+    text-align: center;
+    font-weight: 600;
+    color: var(--vp-font-color);
+    padding-bottom: 1rem;
+  }
+
   #demo-editor {
     display: flex;
     justify-content: center;

packages/hooks/docs/.vitepress/theme/home/Home-EN.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import DemoEditor from './DemoEditor.vue'
-  // import HomeTeam from './HomeTeam.vue'
+  import HomeTeam from './HomeTeam.vue'
   import Icon from './Icon.vue'
   // import Waves from '../Waves/index.vue'
   import Waves from '../Wave.vue'
@@ -106,7 +106,7 @@
         <pre ref="block" class="text-left whitespace-normal font-mono bg-transparent"></pre>
       </div> -->
     </DemoEditor>
-    <!-- <HomeTeam /> -->
+    <HomeTeam />
   </div>
 </template>
 

packages/hooks/docs/.vitepress/theme/home/Home.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import DemoEditor from './DemoEditor.vue'
-  // import HomeTeam from './HomeTeam.vue'
+  import HomeTeam from './HomeTeam.vue'
   import Icon from './Icon.vue'
 
   // import Waves from '../Waves/index.vue'
@@ -102,7 +102,7 @@
         Demo.vue
       </div>
     </DemoEditor>
-    <!-- <HomeTeam /> -->
+    <HomeTeam />
   </div>
 </template>
 

packages/hooks/docs/.vitepress/theme/home/HomeTeam.vue

@@ -24,13 +24,15 @@
   h2 {
     text-align: center;
     font-weight: 600;
-    transform: scale(0.6);
+    /* transform: scale(0.8); */
     color: var(--vp-font-color);
+    padding-bottom: 1rem;
   }
 
   .main {
     /* padding: 96px 32px; */
     text-align: center;
+    background-color: var(--vp-c-bg);
   }
 
   .grid {

packages/hooks/docs/.vitepress/theme/home/index.less

@@ -1,11 +1,13 @@
 .home {
   height: 100%;
   padding-top: 24px;
-  background: url('/light.jpg');
+  // background: url('/light.jpg');
+  background-size: contain;
 }
 .dark {
   .home {
     padding-top: 24px;
     background: url('/dark.jpg') no-repeat;
+    background-size: contain;
   }
 }

packages/hooks/docs/contributors.ts

@@ -18,7 +18,7 @@ export interface CoreTeam {
 
 const contributorsAvatars: Record<string, string> = {}
 
-const getAvatarUrl = (name: string) => `https://github.com/${name}.png`
+const getAvatarUrl = (name: string) => `https://github.com/${encodeURIComponent(name)}.png`
 
 const contributorList = (contributors as string[]).reduce((acc, name) => {
   contributorsAvatars[name] = getAvatarUrl(name)
@@ -40,16 +40,23 @@ const coreTeamMembers: CoreTeam[] = [
     avatar: contributorsAvatars.hongaah,
     name: 'Hongaah',
     github: 'hongaah',
-    description: '',
+    description: "Swiftcode's Author",
     functions: ['useSetState', 'useWebSocket'],
   },
+  {
+    avatar: "https://avatars.githubusercontent.com/u/51957438?v=4",
+    name: 'XiaoDaiGua-Ray',
+    github: 'XiaoDaiGua-Ray',
+    description: 'Tring be better～',
+    functions: ['useElementBounding', 'useMutationObserver'],
+  },
   {
     avatar: contributorsAvatars.Noobbbbbbb,
     name: 'Noobbbbbbb',
     github: 'Noobbbbbbb',
     description: '',
     functions: ['useFullscreen'],
-  },
+  }
 ]
 // .sort(
 //   (pre, cur) =>