diff --git a/.playground/components/DocExampleBlock.vue b/.playground/components/DocExampleBlock.vue
index 302286e..b6e62e4 100644
--- a/.playground/components/DocExampleBlock.vue
+++ b/.playground/components/DocExampleBlock.vue
@@ -72,7 +72,9 @@ defineProps({
 
     <template v-if="slots.code">
       <div class="p-4 overflow-auto">
-        <Shiki class="text-sm" :lang="lang" :code="codeSlotContent" />
+        <ClientOnly>
+          <Shiki class="text-sm" :lang="lang" :code="codeSlotContent" />
+        </ClientOnly>
       </div>
     </template>
   </div>