feat: add Suspense fallback

Author: ChuChencheng

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">

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}
 

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}