diff --git a/packages/varlet-cli/site/pc/pages/index/index.vue b/packages/varlet-cli/site/pc/pages/index/index.vue
index 35fb9f6999d..e0a8193cd8e 100644
--- a/packages/varlet-cli/site/pc/pages/index/index.vue
+++ b/packages/varlet-cli/site/pc/pages/index/index.vue
@@ -26,6 +26,7 @@ const darkMode: Ref<boolean> = ref(get(config, 'pc.header.darkMode'))
 const title: Ref<string> = ref(get(config, 'title'))
 const languages: Ref<Record<string, string>> = ref(get(config, 'pc.header.i18n'))
 const pack: Ref<Record<string, string>> = ref({})
+const description:Ref<string> = ref('')
 
 const goGithub = () => {
   window.open(github)
@@ -33,6 +34,7 @@ const goGithub = () => {
 
 const getStar = () => {
   const { language: lang } = getPCLocationInfo()
+
   router.push(`/${lang}/home`)
 }
 
@@ -54,6 +56,7 @@ const setLocale = () => {
   const { language: lang } = getPCLocationInfo()
   if (!lang) return
 
+  description.value = get(config, 'pc.description')[lang] as string
   pack.value = packs[lang]
   document.title = get(config, 'pc.title')[lang] as string
 }
@@ -90,7 +93,7 @@ watch(() => route.path, setLocale, { immediate: true })
           <animation-box class="logo" />
           <div class="base-title">{{ title }}</div>
         </div>
-        <div class="base-description">{{ pack.description }}</div>
+        <div class="base-description">{{ description }}</div>
 
         <div class="button-group">
           <var-site-button class="common-button github-button" block @click="goGithub">
diff --git a/packages/varlet-cli/site/pc/pages/index/locale/en-US.ts b/packages/varlet-cli/site/pc/pages/index/locale/en-US.ts
index 4b1d354b425..4bbc4668596 100644
--- a/packages/varlet-cli/site/pc/pages/index/locale/en-US.ts
+++ b/packages/varlet-cli/site/pc/pages/index/locale/en-US.ts
@@ -1,5 +1,3 @@
 export default {
-  started: 'GET STARTED',
-  description: 'Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. ' +
-    'Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience',
+  started: 'GET STARTED'
 }
diff --git a/packages/varlet-cli/site/pc/pages/index/locale/zh-CN.ts b/packages/varlet-cli/site/pc/pages/index/locale/zh-CN.ts
index 72a26e86bfe..6398d088e10 100644
--- a/packages/varlet-cli/site/pc/pages/index/locale/zh-CN.ts
+++ b/packages/varlet-cli/site/pc/pages/index/locale/zh-CN.ts
@@ -1,5 +1,3 @@
 export default {
-  started: '起步',
-  description: 'Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，' +
-    '全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验',
+  started: '起步'
 }
diff --git a/packages/varlet-cli/varlet.default.config.js b/packages/varlet-cli/varlet.default.config.js
index 4d894816141..1092f42798d 100644
--- a/packages/varlet-cli/varlet.default.config.js
+++ b/packages/varlet-cli/varlet.default.config.js
@@ -34,6 +34,12 @@ module.exports = {
       playground: 'https://varlet-ui-playground.vercel.app',
       darkMode: true,
     },
+    description: {
+      'zh-CN':
+        'Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验',
+      'en-US':
+        'Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience',
+    },
     clipboard: {
       'zh-CN': '代码已复制到剪切板',
       'en-US': 'The code has been copied to the clipboard',