feat: add Suspense fallback

wsfe · Jul 4, 2024 · 02d7b2b · 02d7b2b
1 parent dbff840
commit 02d7b2b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 14 deletions.
diff --git 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
@@ -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
@@ -2,9 +2,7 @@
 
 ## 在线尝试 {#try-it-online}
 
-<ClientOnly>
-  <div>前往 <PlaygroundLink component="DataDisplay" text="Playground" /> 在线尝试</div>
-</ClientOnly>
+<div>前往 <PlaygroundLink component="DataDisplay" text="Playground" /> 在线尝试</div>
 
 ## 安装 {#install}