diff --git a/site/src/App.vue b/site/src/App.vue
index d8da04dfe..e933610d9 100644
--- a/site/src/App.vue
+++ b/site/src/App.vue
@@ -10,7 +10,6 @@
 
 <script lang="ts">
 import { computed, defineComponent, provide, watch, ref } from 'vue';
-import type { Ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import useMediaQuery from './hooks/useMediaQuery';
@@ -21,16 +20,11 @@ import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
 import { theme as antdTheme } from 'ant-design-vue';
 import SiteToken from './SiteToken.vue';
+import type { GlobalConfig } from './type';
 function isZhCN(name: string) {
   return /-cn\/?$/.test(name);
 }
-export interface GlobalConfig {
-  isMobile: Ref<boolean>;
-  lang: Ref<'zh-CN' | 'en-US'>;
-  isZhCN: Ref<boolean>;
-  responsive: Ref<null | 'narrow' | 'crowded'>;
-  blocked: Ref<boolean>;
-}
+
 export type ThemeName = '' | 'light' | 'dark' | 'compact';
 const getAlgorithm = (themes: ThemeName[] = []) =>
   themes
diff --git a/site/src/layouts/index.vue b/site/src/layouts/index.vue
index c4f1910a0..e4d2877e9 100644
--- a/site/src/layouts/index.vue
+++ b/site/src/layouts/index.vue
@@ -108,7 +108,6 @@
   </div>
 </template>
 <script lang="ts">
-import type { GlobalConfig } from '../App.vue';
 import { GLOBAL_CONFIG } from '../SymbolKey';
 import { defineComponent, inject, computed, ref, provide, watch } from 'vue';
 import { useRoute } from 'vue-router';
@@ -129,6 +128,7 @@ import CompactIcon from './icons/Compact';
 import surelyVueVue from '../components/surelyVue.vue';
 import WWAdsVue from '../components/rice/WWAds.vue';
 import { useWindowScroll } from '@vueuse/core';
+import type { GlobalConfig } from '../type';
 
 const rControl = /[\u0000-\u001f]/g;
 const rSpecial = /[\s~`!@#$%^&*()\-_+=[\]{}|\\;:"'<>,.?/]+/g;
diff --git a/site/src/type.ts b/site/src/type.ts
new file mode 100644
index 000000000..4e1590c05
--- /dev/null
+++ b/site/src/type.ts
@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+export interface GlobalConfig {
+  isMobile: Ref<boolean>;
+  lang: Ref<'zh-CN' | 'en-US'>;
+  isZhCN: Ref<boolean>;
+  responsive: Ref<null | 'narrow' | 'crowded'>;
+  blocked: Ref<boolean>;
+}