better links

nginx/vue/src/components/quick/LinkTable.vue

@@ -18,6 +18,8 @@ const keys = ["name", "link"];
         :key="rowIndex"
         :href="row.link"
     >
-        {{ row.name }}
+        <p>
+            {{ row.name }}
+        </p>
     </a>
 </template>

nginx/vue/src/components/quick/ToggleLinkTable.vue

@@ -0,0 +1,25 @@
+<script setup>
+import { ref } from "vue";
+import LinkTable from "@/components/quick/LinkTable.vue";
+
+const props = defineProps({
+    linkArr: {
+        type: Array,
+        required: true,
+    },
+    title: {
+        type: String,
+        required: true,
+    },
+});
+
+const show_links = ref(true);
+</script>
+
+<template>
+    <div class="flex-row">
+        <h2>{{ title }}</h2>
+        <button @click="show_links = !show_links">Toggle</button>
+    </div>
+    <LinkTable v-if="show_links" :linkArr="props.linkArr" />
+</template>