diff --git a/src/friends.ts b/src/friends.ts
deleted file mode 100644
index 1f23862..0000000
--- a/src/friends.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { ThemeBlogHomeProjectOptions } from 'vuepress-theme-hope'
-import friendsJson from './friends.json' with { type: 'json' }
-
-const friends: ThemeBlogHomeProjectOptions[] = Object.values(friendsJson)
-
-export default friends
diff --git a/src/layouts/FriendsHome.vue b/src/layouts/FriendsHome.vue
index 93bac8f..f004bae 100644
--- a/src/layouts/FriendsHome.vue
+++ b/src/layouts/FriendsHome.vue
@@ -30,13 +30,16 @@
 <script lang="ts" setup>
 import InfoPanel from 'vuepress-theme-hope/components/blog/InfoPanel'
 import ProjectPanel from 'vuepress-theme-hope/components/blog/ProjectPanel'
+import { ThemeBlogHomeProjectOptions } from 'vuepress-theme-hope'
 import DropTransition from 'vuepress-theme-hope/components/transitions/DropTransition'
 import Layout from 'vuepress-theme-hope/layouts/base/Layout.js'
 import BingHeroBackground from 'vuepress-theme-hope/presets/BingHeroBackground.js'
 import HitokotoBlogHero from 'vuepress-theme-hope/presets/HitokotoBlogHero.js'
 
-import friends from "../friends"
 import MarkdownContent from '../components/MarkdownContent.vue'
+import FriendsInfo from '../friends.json' with { type: 'json' }
+
+const friends: ThemeBlogHomeProjectOptions[] = Object.values(FriendsInfo)
 </script>
 
 <style lang="scss">