fix: fix Hydration completed but contains mismatches error in product…

…ion (#89)
Charles7c · May 8, 2024 · bd5341f · bd5341f
1 parent cc2cb58
commit bd5341f
Showing 1 changed file with 16 additions and 13 deletions.
diff --git 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>