diff --git a/docs/service/client-sdk/pinia-colada.md b/docs/service/client-sdk/pinia-colada.md
new file mode 100644
index 00000000..a3c4d11d
--- /dev/null
+++ b/docs/service/client-sdk/pinia-colada.md
@@ -0,0 +1,9 @@
+---
+sidebar_position: 2
+---
+
+# Pinia Colada
+
+[Pinia Colada](https://pinia-colada.esm.dev/) is a popular state management library for Vue.js applications. Thanks to a community integration by [Eugen Istoc](https://github.com/genu), you can seamlessly integrate Pinia Colada with ZenStack's automatic CRUD services.
+
+For more details and documentation, visit the [GitHub repository](https://github.com/genu/zenstack-pinia-colada).
diff --git a/docs/service/client-sdk/tanstack-query/index.md b/docs/service/client-sdk/tanstack-query/index.md
index f9d1dbf4..0b48c6f3 100644
--- a/docs/service/client-sdk/tanstack-query/index.md
+++ b/docs/service/client-sdk/tanstack-query/index.md
@@ -11,7 +11,7 @@ import OptimisticLimitation from './_optimistic-limitation.md';
 import FineGrainedOptimistic from './_fine-grained-optimistic.md';
 import Invalidation from './_invalidation.md';
 
-# TanStack Query Client
+# TanStack Query
 
 ## Overview