This commit is contained in:
2026-01-20 22:49:20 +00:00
parent c25e9263fd
commit 586753c05a
2 changed files with 67 additions and 62 deletions

View File

@@ -1,67 +1,70 @@
<script setup>
import OptionalLinkTable from "@/components/quick/OptionalLinkTable.vue";
const favs = [
{
type: "Daioh",
name: "Tomo",
},
{
type: "Color",
name: "Teal",
},
{
type: "Pet",
name: "Cat",
},
{
type: "Subject",
name: "Math",
},
{
type: "Drink",
name: "Monster",
},
{
type: "Sport",
name: "Running",
},
{
type: "Anime",
name: "Evangelion",
},
{
type: "Ingredient",
name: "Eggs",
},
{
type: "OS",
name: "Linux",
},
{
type: "Fruit",
name: "Satsumas",
},
{
type: "Vegetable",
name: "Cucumber",
},
{
type: "Hobby",
name: "Climbing",
},
{
type: "Season",
name: "Summer",
},
{
type: "Language",
name: "Rust",
},
];
</script>
<template> <template>
<div class="flex-col center-content"> <div class="flex-col center-content">
<h2>favs</h2> <h2>favs</h2>
<div class="fill scroll"> <div class="scroll fill">
<table> <OptionalLinkTable class="scroll" :data="favs" />
<tbody>
<tr>
<th>Daioh</th>
<td>Tomo</td>
</tr>
<tr>
<th>Color</th>
<td>Teal</td>
</tr>
<tr>
<th>Pet</th>
<td>Cat</td>
</tr>
<tr>
<th>Subject</th>
<td>Math</td>
</tr>
<tr>
<th>Drink</th>
<td>Monster</td>
</tr>
<tr>
<th>Sport</th>
<td>Running</td>
</tr>
<tr>
<th>Anime</th>
<td>Evangelion</td>
</tr>
<tr>
<th>Fruit</th>
<td>Satsumas</td>
</tr>
<tr>
<th>Vegetable</th>
<td>Cucumber</td>
</tr>
<tr>
<th>Hobby</th>
<td>Climbing</td>
</tr>
<tr>
<th>Season</th>
<td>Summer</td>
</tr>
<tr>
<th>Language</th>
<td>Rust</td>
</tr>
<tr>
<th>OS</th>
<td>Linux</td>
</tr>
<tr>
<th>Ingredient</th>
<td>Eggs</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</template> </template>

View File

@@ -11,7 +11,9 @@ const gym = [
<div class="flex-col center-content"> <div class="flex-col center-content">
<h2>Gym</h2> <h2>Gym</h2>
<p>I'm not a gym geek but I have a consistent routine:</p> <p>I'm not a gym geek but I have a consistent routine:</p>
<OptionalLinkTable class="scroll" :data="gym" /> <div class="scroll fill">
<OptionalLinkTable :data="gym" />
</div>
</div> </div>
</template> </template>