From 65bef199e129e559f5273229c9a830cfe5884d45 Mon Sep 17 00:00:00 2001
From: meteorlxy <meteor.lxy@foxmail.com>
Date: Tue, 6 Feb 2024 23:47:10 +0800
Subject: [PATCH] docs: add useClientData reference

---
 docs/reference/client-api.md    | 27 +++++++++++++++++++++++++++
 docs/zh/reference/client-api.md | 27 +++++++++++++++++++++++++++
 2 files changed, 54 insertions(+)

diff --git a/docs/reference/client-api.md b/docs/reference/client-api.md
index a404e372..fe8e874f 100644
--- a/docs/reference/client-api.md
+++ b/docs/reference/client-api.md
@@ -4,6 +4,33 @@ Client API can be imported from `vuepress/client`.
 
 ## Composition API
 
+### useClientData
+
+- Details:
+
+  Returns all the client data ref objects.
+
+  Each property can also be accessed by the following composition APIs.
+
+- Example:
+
+```vue
+<script setup lang="ts">
+import { useClientData } from 'vuepress/client'
+
+const {
+  pageData,
+  pageFrontmatter,
+  pageHead,
+  pageHeadTitle,
+  pageLang,
+  routeLocale,
+  siteData,
+  siteLocaleData,
+} = useClientData()
+</script>
+```
+
 ### usePageData
 
 - Details:
diff --git a/docs/zh/reference/client-api.md b/docs/zh/reference/client-api.md
index c8cc1faf..5b6248ca 100644
--- a/docs/zh/reference/client-api.md
+++ b/docs/zh/reference/client-api.md
@@ -4,6 +4,33 @@
 
 ## 组合式 API
 
+### useClientData
+
+- 详情：
+
+  返回所有客户端数据的 Ref 对象。
+
+  每个属性也可以通过下列的组合式 API 来访问。
+
+- 示例：
+
+```vue
+<script setup lang="ts">
+import { useClientData } from 'vuepress/client'
+
+const {
+  pageData,
+  pageFrontmatter,
+  pageHead,
+  pageHeadTitle,
+  pageLang,
+  routeLocale,
+  siteData,
+  siteLocaleData,
+} = useClientData()
+</script>
+```
+
 ### usePageData
 
 - 详情：