From 239865212cdf41e62e9ace34348666637c3c506c Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Thu, 8 Jan 2026 20:32:32 +0000
Subject: [PATCH] links use components

---
 nginx/vue/src/components/home/Links.vue | 39 +++++++++++++------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/nginx/vue/src/components/home/Links.vue b/nginx/vue/src/components/home/Links.vue
index 2f33d7e..6ae20e0 100644
--- a/nginx/vue/src/components/home/Links.vue
+++ b/nginx/vue/src/components/home/Links.vue
@@ -1,26 +1,29 @@
+<script setup>
+import RouterTable from "@/components/quick/RouterTable.vue";
+import LinkTable from "@/components/quick/LinkTable.vue";
+
+const site_links = [
+    { name: "CV", link: "/cv" },
+    { name: "Bookmarks", link: "/bookmarks" },
+    { name: "Notes", link: "/notes" },
+    { name: "Admin", link: "/admin" },
+    { name: "Shrines", link: "/shrines" },
+];
+
+const social_links = [
+    { name: "Steam", link: "https://steamcommunity.com/id/SteveThePug" },
+    { name: "Github", link: "https://github.com/SteveThePug" },
+    { name: "Spotify", link: "https://open.spotify.com/user/stevethepug" },
+];
+</script>
+
 <template>
     <div class="flex-col space-between">
         <div class="flex-col gap">
-            <RouterLink class="bdr-2" to="/cv">
-                <h1>CV</h1>
-            </RouterLink>
-            <!-- <RouterLink class="bdr-2" to="/shrines/demoman">
-                <h1>Demo</h1>
-            </RouterLink> -->
-            <RouterLink class="bdr-2" to="/admin">
-                <h1>ADMIN</h1>
-            </RouterLink>
+            <RouterTable :linkArr="site_links" />
         </div>
         <div class="flex-col gap">
-            <a class="bdr-2" href="https://steamcommunity.com/id/SteveThePug"
-                ><h1>Steam</h1></a
-            >
-            <a href="https://github.com/SteveThePug" class="bdr-2"
-                ><h1>Github</h1></a
-            >
-            <a href="https://open.spotify.com/user/stevethepug" class="bdr-2">
-                <h1>Spotify</h1></a
-            >
+            <LinkTable :linkArr="social_links" />
         </div>
     </div>
 </template>