diff --git a/frontend/src/components/week_recipe.vue b/frontend/src/components/week_recipe.vue
index c560990..eb04867 100644
--- a/frontend/src/components/week_recipe.vue
+++ b/frontend/src/components/week_recipe.vue
@@ -7,21 +7,39 @@
           label="日期"
           :formatter="formatDate"
         ></el-table-column>
-        <el-table-column
-          prop="meat"
-          label="肉"
-          :formatter="formatMeal"
-        ></el-table-column>
-        <el-table-column
-          prop="vegetable"
-          label="菜"
-          :formatter="formatMeal"
-        ></el-table-column>
-        <el-table-column
-          prop="soup"
-          label="汤"
-          :formatter="formatMeal"
-        ></el-table-column>
+        <el-table-column prop="meat" label="肉">
+          <template #default="scope">
+            <ul>
+              <li v-for="recipe in scope.row.meat" :key="recipe.name">
+                <a :href="'/recipe/' + recipe.id">
+                  {{ recipe.name }}
+                </a>
+              </li>
+            </ul>
+          </template>
+        </el-table-column>
+        <el-table-column prop="vegetable" label="菜">
+          <template #default="scope">
+            <ul>
+              <li v-for="recipe in scope.row.vegetable" :key="recipe.name">
+                <a :href="'/recipe/' + recipe.id">
+                  {{ recipe.name }}
+                </a>
+              </li>
+            </ul>
+          </template></el-table-column
+        >
+        <el-table-column prop="soup" label="汤">
+          <template #default="scope">
+            <ul>
+              <li v-for="recipe in scope.row.soup" :key="recipe.name">
+                <a :href="'/recipe/' + recipe.id">
+                  {{ recipe.name }}
+                </a>
+              </li>
+            </ul>
+          </template></el-table-column
+        >
       </el-table>
     </el-col>
     <el-col>