diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue
index 9ca4c069..0543b894 100644
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@@ -72,8 +72,8 @@ export default {
     this.searchPool = this.generateRoutes(this.routes)
   },
   methods: {
-    addPinyinField(list) {
-      const pinyin = require('pinyin')
+    async addPinyinField(list) {
+      const { default: pinyin } = await import('pinyin')
       if (Array.isArray(list)) {
         list.forEach(element => {
           const title = element.title