From d685aae4d0dd7e9636f526f89d36cfd610bec488 Mon Sep 17 00:00:00 2001
From: HoshinoSuzumi <master@uniiem.com>
Date: Sat, 23 Nov 2024 19:38:39 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(docs):=20hydration=20mismatc?=
 =?UTF-8?q?h?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/components/content/ComponentDefaults.vue |  4 ++--
 docs/components/content/ComponentPreview.vue  | 17 +----------------
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/docs/components/content/ComponentDefaults.vue b/docs/components/content/ComponentDefaults.vue
index 91be093..7cb7d86 100644
--- a/docs/components/content/ComponentDefaults.vue
+++ b/docs/components/content/ComponentDefaults.vue
@@ -28,11 +28,11 @@ ${json5.stringify(defaults, null, 2).replace(/,(\s+[}\]|])/g, '$1')}
 </script>
 
 <template>
-  <ContentRenderer :value="defaultsRender!" />
+  <ContentRendererMarkdown :value="defaultsRender!" />
 </template>
 
 <style>
-pre.shiki > code > span {
+pre.shiki>code>span {
   @apply text-wrap break-words;
 }
 </style>
diff --git a/docs/components/content/ComponentPreview.vue b/docs/components/content/ComponentPreview.vue
index ff6af7c..7e570db 100644
--- a/docs/components/content/ComponentPreview.vue
+++ b/docs/components/content/ComponentPreview.vue
@@ -37,14 +37,6 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  filename: {
-    type: String,
-    default: '',
-  },
-  lang: {
-    type: String as PropType<keyof typeof IconComponents>,
-    default: '',
-  },
 })
 
 const componentName = props.slug || `Ray${upperFirst(camelCase(route.params.slug[route.params.slug.length - 1]))}`
@@ -127,7 +119,7 @@ const code = computed(() => {
   return code
 })
 
-const { data: codeRender, error: codeRenderError } = await useAsyncData(`${componentName}-code-renderer-${JSON.stringify({ props: componentProps, slots: props.slots, code: code.value })}`, async () => {
+const { data: codeRender } = await useAsyncData(`${componentName}-code-renderer-${JSON.stringify({ props: componentProps, slots: props.slots, code: code.value })}`, async () => {
   return parseMarkdown(code.value, {})
 }, {
   watch: [code],
@@ -136,13 +128,6 @@ const { data: codeRender, error: codeRenderError } = await useAsyncData(`${compo
 
 <template>
   <div class="border border-neutral-200 dark:border-neutral-700 rounded-lg not-prose my-2 overflow-hidden">
-    <div v-if="filename" class="p-4 py-2 border-b border-neutral-200 dark:border-neutral-700">
-      <span class="flex items-center gap-1">
-        <component :is="IconComponents[lang]" v-if="lang" class="inline" />
-        <span class="text-sm text-neutral-500 dark:text-neutral-400">{{ filename }}</span>
-      </span>
-    </div>
-
     <div :class="['p-4 overflow-auto', !!codeRender ? 'border-b border-neutral-200 dark:border-neutral-700' : '']">
       <component :is="componentName" v-bind="componentProps">
         <slot />