From 3bbe31da1b4c32d1134cccdc024bb5cd167387e3 Mon Sep 17 00:00:00 2001
From: neverland <jait.chen@foxmail.com>
Date: Sun, 21 May 2023 22:20:21 +0800
Subject: [PATCH] docs(perf): lazy import transliteration (#11893)

---
 .../vant-cli/site/desktop/components/Content.vue | 11 +++++++----
 .../site/mobile/components/DemoBlock.vue         | 16 +++++++++++++---
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/packages/vant-cli/site/desktop/components/Content.vue b/packages/vant-cli/site/desktop/components/Content.vue
index 2fffc67dc..e290fdcbf 100644
--- a/packages/vant-cli/site/desktop/components/Content.vue
+++ b/packages/vant-cli/site/desktop/components/Content.vue
@@ -62,13 +62,16 @@ export default {
 
     syncMobilePos(id) {
       // Getting the document at this point is to ensure that the target has been fully rendered.
-      if (this.iframeDocument) {
-        const target = this.iframeDocument.getElementById(id);
-        target && target.scrollIntoView(true);
-      } else {
+      if (!this.iframeDocument) {
         const iframe = document.querySelector('iframe');
         this.iframeDocument = iframe.contentWindow.document;
       }
+      if (this.iframeDocument) {
+        const target = this.iframeDocument.getElementById(id);
+        if (target) {
+          target.scrollIntoView(true);
+        }
+      }
     },
 
     copyAction() {
diff --git a/packages/vant-cli/site/mobile/components/DemoBlock.vue b/packages/vant-cli/site/mobile/components/DemoBlock.vue
index 3cd9d06ee..25a3caa13 100644
--- a/packages/vant-cli/site/mobile/components/DemoBlock.vue
+++ b/packages/vant-cli/site/mobile/components/DemoBlock.vue
@@ -11,8 +11,6 @@
 </template>
 
 <script>
-import { slugify } from 'transliteration';
-
 export default {
   name: 'DemoBlock',
 
@@ -20,11 +18,23 @@ export default {
     card: Boolean,
     title: String,
   },
+
+  data() {
+    return {
+      slugify: null,
+    };
+  },
+
   computed: {
     slugifyTitle() {
-      return slugify(this.title);
+      return this.slugify ? this.slugify(this.title) : '';
     },
   },
+
+  async mounted() {
+    const { slugify } = await import('transliteration');
+    this.slugify = slugify;
+  },
 };
 </script>