diff --git a/site/.vitepress/components/code-demo.md b/site/.vitepress/components/code-demo.md
index dcb6120..5313b27 100644
--- a/site/.vitepress/components/code-demo.md
+++ b/site/.vitepress/components/code-demo.md
@@ -1,17 +1,17 @@
 <Suspense>
   <DemoRender :component="component" />
+
+  <template #fallback>
+    Loading demo...
+  </template>
 </Suspense>
 
-<ClientOnly>
-  <div :style="{ margin: '16px 0' }">
-    <PlaygroundLink :component="component" />
-  </div>
-</ClientOnly>
+<div :style="{ margin: '16px 0' }">
+  <PlaygroundLink :component="component" />
+</div>
 
 ::: details {{i18n.showCode}}
-<ClientOnly>
-  <div v-html="sourceCode.markdown"></div>
-</ClientOnly>
+<div v-html="sourceCode.markdown"></div>
 :::
 
 <script setup lang="ts">
diff --git a/site/en/guide/getting-started.md b/site/en/guide/getting-started.md
index 21b2235..0689efc 100644
--- a/site/en/guide/getting-started.md
+++ b/site/en/guide/getting-started.md
@@ -2,9 +2,7 @@
 
 ## Try It Online {#try-it-online}
 
-<ClientOnly>
-  <div>Refer to <PlaygroundLink component="DataDisplay" text="Playground" /> to try it online</div>
-</ClientOnly>
+<div>Refer to <PlaygroundLink component="DataDisplay" text="Playground" /> to try it online</div>
 
 ## Install {#install}
 
diff --git a/site/guide/getting-started.md b/site/guide/getting-started.md
index f07a778..c33f153 100644
--- a/site/guide/getting-started.md
+++ b/site/guide/getting-started.md
@@ -2,9 +2,7 @@
 
 ## 在线尝试 {#try-it-online}
 
-<ClientOnly>
-  <div>前往 <PlaygroundLink component="DataDisplay" text="Playground" /> 在线尝试</div>
-</ClientOnly>
+<div>前往 <PlaygroundLink component="DataDisplay" text="Playground" /> 在线尝试</div>
 
 ## 安装 {#install}