fix too many v-if

2026-01-20 20:27:24 +00:00
parent 82d90dd0f5
commit 4ed4d3a26f
3 changed files with 60 additions and 70 deletions
--- a/nginx/vue/src/components/home/Gym.vue
+++ b/nginx/vue/src/components/home/Gym.vue
@@ -1,23 +1,17 @@
+<script setup>
+import OptionalLinkTable from "@/components/quick/OptionalLinkTable.vue";
+const gym = [
+    { name: "Row", type: "30 min" },
+    { name: "Run", type: "5k" },
+    { name: "Pushup & Squat", type: "50" },
+];
+</script>
+
 <template>
    <div class="flex-col center-content">
        <h2>Gym</h2>
        <p>I'm not a gym geek but I have a consistent routine:</p>
-        <table>
-            <tbody>
-                <tr>
-                    <th>Row</th>
-                    <td>30 min</td>
-                </tr>
-                <tr>
-                    <th>Run</th>
-                    <td>5k</td>
-                </tr>
-                <tr>
-                    <th>Pushup & Squat</th>
-                    <td>50</td>
-                </tr>
-            </tbody>
-        </table>
+        <OptionalLinkTable class="scroll fill center-text" :data="gym" />
    </div>
 </template>