chore: make example renderer client only

ChronicStone · Apr 28, 2024 · d2bde21 · d2bde21
1 parent 418e7ff
commit d2bde21
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -56,18 +56,20 @@ footer:
     import ExampleRenderer from './.vitepress/theme/components/ExampleRenderer.vue'
 </script>
 
-<ExampleRenderer fileKey="financial-report">
-  <template v-slot:schema>
-  ```ts twoslash
-  import { ExcelSchemaBuilder } from '@chronicstone/typed-xlsx'
-  // ---cut-before---
-  const schema = ExcelSchemaBuilder.create<{ firstName: string, lastName: string, countries: string[] }>()
-  ```
-  </template>
-  <template v-slot:data>
-<<< ./.examples/financial-report/data.ts
-  </template>
-  <template v-slot:file>
-<<< ./.examples/financial-report/file.ts
-  </template>
-</ExampleRenderer>
+<ClientOnly>
+  <ExampleRenderer fileKey="financial-report">
+    <template v-slot:schema>
+    ```ts twoslash
+    import { ExcelSchemaBuilder } from '@chronicstone/typed-xlsx'
+    // ---cut-before---
+    const schema = ExcelSchemaBuilder.create<{ firstName: string, lastName: string, countries: string[] }>()
+    ```
+    </template>
+    <template v-slot:data>
+  <<< ./.examples/financial-report/data.ts
+    </template>
+    <template v-slot:file>
+  <<< ./.examples/financial-report/file.ts
+    </template>
+  </ExampleRenderer>
+</ClientOnly>