docs(perf): lazy import transliteration (#11893)

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) {
+      if (!this.iframeDocument) {
-        const target = this.iframeDocument.getElementById(id);
-        target && target.scrollIntoView(true);
-      } else {
         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() {

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>