From bd5341f34d976fac4a3004aeedd9010333326009 Mon Sep 17 00:00:00 2001
From: Di Sheng <nuodi@hotmail.com>
Date: Tue, 7 May 2024 23:05:01 -0700
Subject: [PATCH] fix: fix Hydration completed but contains mismatches error in
 production (#89)

---
 docs/.vitepress/theme/MyLayout.vue | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/docs/.vitepress/theme/MyLayout.vue b/docs/.vitepress/theme/MyLayout.vue
index ff92f17168..2fd42c4c31 100644
--- a/docs/.vitepress/theme/MyLayout.vue
+++ b/docs/.vitepress/theme/MyLayout.vue
@@ -1,17 +1,20 @@
 <template>
-  <Layout>
-    <template #doc-footer-before>
-      <ClientOnly>
-        <Copyright v-if="(frontmatter?.aside ?? true) && (frontmatter?.showArticleMetadata ?? true) && !(frontmatter.authorLink)" :key="md5(page.relativePath)" />
-      </ClientOnly>
-    </template>
-    <template #doc-after>
-      <Comment v-if="(theme.commentConfig?.showComment ?? true) && (frontmatter?.showComment ?? true)" :commentConfig="theme.commentConfig" :key="md5(page.relativePath)" />
-    </template>
-    <template #layout-bottom>
-      <Footer v-if="!hasSidebar && (theme.footerConfig?.showFooter ?? true) && (frontmatter?.showFooter ?? true)" />
-    </template>
-  </Layout>
+  <ClientOnly>
+    <Layout>
+      <template #doc-footer-before>
+        <Copyright
+          v-if="(frontmatter?.aside ?? true) && (frontmatter?.showArticleMetadata ?? true) && !(frontmatter.authorLink)"
+          :key="md5(page.relativePath)" />
+      </template>
+      <template #doc-after>
+        <Comment v-if="(theme.commentConfig?.showComment ?? true) && (frontmatter?.showComment ?? true)"
+          :commentConfig="theme.commentConfig" :key="md5(page.relativePath)" />
+      </template>
+      <template #layout-bottom>
+        <Footer v-if="!hasSidebar && (theme.footerConfig?.showFooter ?? true) && (frontmatter?.showFooter ?? true)" />
+      </template>
+    </Layout>
+  </ClientOnly>
 </template>
 
 <script lang="ts" setup>