docs: migrate vant-use document to vant

docs/markdown/use-click-away.zh-CN.md

@@ -1,5 +1,7 @@
 # useClickAway
 
+### 介绍
+
 监听点击元素外部的事件。
 
 ## 代码演示

docs/markdown/use-count-down.zh-CN.md

@@ -1,5 +1,7 @@
 # useCountDown
 
+### 介绍
+
 提供倒计时管理能力。
 
 ## 代码演示

docs/markdown/use-event-listener.zh-CN.md

@@ -1,5 +1,7 @@
 # useEventListener
 
+### 介绍
+
 方便地进行事件绑定，在组件 `mounted` 和 `activated` 时绑定事件，`unmounted` 和 `deactivated` 时解绑事件。
 
 ## 代码演示
@@ -30,7 +32,7 @@ export default {
 };
 ```
 
-## 类型定义
+### 类型定义
 
 ```ts
 type Options = {

docs/markdown/use-page-visibility.zh-CN.md

@@ -1,5 +1,7 @@
 # usePageVisibility
 
+### 介绍
+
 获取页面的可见状态。
 
 ## 代码演示

docs/markdown/use-rect.zh-CN.md

@@ -1,5 +1,7 @@
 # useRect
 
+### 介绍
+
 获取元素的大小及其相对于视口的位置，等价于 [Element.getBoundingClientRect](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect)。
 
 ## 代码演示

docs/markdown/use-relation.zh-CN.md

@@ -1,17 +1,20 @@
 # useRelation
 
+### 介绍
+
 建立父子组件之间的关联关系，进行数据通信和方法调用，基于 `provide` 和 `inject` 实现。
 
 ## 代码演示
 
 ### 基本用法
 
+在父组件中使用 `useChildren` 关联子组件:
+
 ```js
-// Parent.vue
 import { ref } from 'vue';
 import { useChildren } from '@vant/use';
 
-const RELATION_KEY = 'my-relation';
+const RELATION_KEY = Symbol('my-relation');
 
 export default {
   setup() {
@@ -26,12 +29,13 @@ export default {
     linkChildren({ add, count });
   },
 };
+```
 
-// Child.vue
+在子组件中使用 `useParent` 获取父组件提供的数据和方法:
+
+```js
 import { useParent } from '@vant/use';
 
-const RELATION_KEY = 'my-relation';
-
 export default {
   setup() {
     const { parent } = useParent(RELATION_KEY);

docs/markdown/use-scroll-parent.zh-CN.md

@@ -1,5 +1,7 @@
 # useScrollParent
 
+### 介绍
+
 获取元素最近的可滚动父元素。
 
 ## 代码演示

docs/markdown/use-toggle.zh-CN.md

@@ -1,5 +1,7 @@
 # useToggle
 
+### 介绍
+
 用于在 `true` 和 `false` 之间进行切换。
 
 ## 代码演示

docs/markdown/use-window-size.zh-CN.md

@@ -1,5 +1,7 @@
 # useWindowSize
 
+### 介绍
+
 获取浏览器窗口的视口宽度和高度，并在窗口大小变化时自动更新。
 
 ## 代码演示

vant.config.js

@@ -410,6 +410,47 @@ module.exports = {
               },
             ],
           },
+          {
+            title: '组合式 API',
+            items: [
+              {
+                path: 'use-toggle',
+                title: 'useToggle',
+              },
+              {
+                path: 'use-count-down',
+                title: 'useCountDown',
+              },
+              {
+                path: 'use-rect',
+                title: 'useRect',
+              },
+              {
+                path: 'use-event-listener',
+                title: 'useEventListener',
+              },
+              {
+                path: 'use-page-visibility',
+                title: 'usePageVisibility',
+              },
+              {
+                path: 'use-scroll-parent',
+                title: 'useScrollParent',
+              },
+              {
+                path: 'use-window-size',
+                title: 'useWindowSize',
+              },
+              {
+                path: 'use-relation',
+                title: 'useRelation',
+              },
+              {
+                path: 'use-click-away',
+                title: 'useClickAway',
+              },
+            ],
+          },
         ],
       },
       'en-US': {