diff --git a/components/content/AboutMenu.vue b/components/content/AboutMenu.vue
index b2632b9..718f4b4 100644
--- a/components/content/AboutMenu.vue
+++ b/components/content/AboutMenu.vue
@@ -1,18 +1,18 @@
 <template>
   <div>
-    <NuxtLink class="mx-2 icon-btn hover:text-orange-400" to="/help" title="帮助">
+    <NuxtLink class="icon-btn mx-2 hover:text-orange-400" to="/help" title="帮助">
       <div i-ri-question-line />
     </NuxtLink>
 
-    <NuxtLink class="mx-2 icon-btn hover:text-blue-400" to="/about" title="关于">
+    <NuxtLink class="icon-btn mx-2 hover:text-blue-400" to="/about" title="关于">
       <div i-ri-information-line />
     </NuxtLink>
 
-    <a class="mx-2 icon-btn hover:text-pink-400" rel="noreferrer" href="https://space.bilibili.com/1579790" target="_blank" title="BiliBili">
+    <a class="icon-btn mx-2 hover:text-pink-400" rel="noreferrer" href="https://space.bilibili.com/1579790" target="_blank" title="BiliBili">
       <div i-ri-bilibili-line />
     </a>
 
-    <a class="hover:text-black-400 mx-2 icon-btn" rel="noreferrer" href="https://github.com/YunYouJun/cook" target="_blank" title="GitHub">
+    <a class="icon-btn hover:text-black-400 mx-2" rel="noreferrer" href="https://github.com/YunYouJun/cook" target="_blank" title="GitHub">
       <div i-ri-github-line />
     </a>
   </div>
diff --git a/components/cookbook/CookbookDetail.vue b/components/cookbook/CookbookDetail.vue
index df51e32..3aace02 100644
--- a/components/cookbook/CookbookDetail.vue
+++ b/components/cookbook/CookbookDetail.vue
@@ -7,7 +7,7 @@ const props = defineProps<{
 
 const recipes = ref<Cookbook['recipes']>(props.cookbook.recipes)
 onMounted(async () => {
-  recipes.value = (await import('../../data/recipe.json')).default
+  recipes.value = ((await import('../../data/recipe.json')).default) as unknown as Cookbook['recipes']
 })
 </script>
 
diff --git a/pages/cookbooks/index.vue b/pages/cookbooks/index.vue
index 9b529fa..137d197 100644
--- a/pages/cookbooks/index.vue
+++ b/pages/cookbooks/index.vue
@@ -3,9 +3,6 @@ definePageMeta({
   layout: 'child',
   title: '自定义菜谱',
 })
-
-const route = useRoute()
-const id = computed(() => route.query.id)
 </script>
 
 <template>
diff --git a/types/cookbook.ts b/types/cookbook.ts
index 8383b47..5c76717 100644
--- a/types/cookbook.ts
+++ b/types/cookbook.ts
@@ -15,7 +15,7 @@ export interface Cookbook {
   /**
    * 菜谱
    */
-  recipes: Recipes[]
+  recipes: Recipes
 
   createdAt: string
   updatedAt: string