feat: comment & anchor use async component (solve blank while navigat…

…ing)
wxsms · Oct 7, 2021 · 03382e7 · 03382e7
1 parent d04a727
commit 03382e7
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/layouts/Layout.vue b/layouts/Layout.vue
@@ -11,12 +11,14 @@
 </template>
 
 <script>
-import CommentBox from '@theme/components/CommentBox'
 import Page from '@theme/layouts/Page'
-import RightAnchor from '@theme/components/RightAnchor'
 
 export default {
-  components: { Page, CommentBox, RightAnchor },
+  components: {
+    Page,
+    CommentBox: () => import('@theme/components/CommentBox'),
+    RightAnchor: () => import('@theme/components/RightAnchor'),
+  },
   computed: {
     showRightAnchor() {
       return this.$page.headers && this.$page.headers.length > 0