make less repeated

nginx/vue/src/views/Bookmarks.vue

@@ -3,7 +3,10 @@ import { ref } from "vue";
 
 import ToggleLinkTable from "@/components/quick/ToggleLinkTable.vue";
 
-const reading_links = [
+const links = [
+    [
+        "Reading Links",
+        [
             {
                 name: "Substack",
                 link: "https://substack.com/",
@@ -16,9 +19,11 @@ const reading_links = [
                 name: "4Chan",
                 link: "https://www.4chan.org/",
             },
-];
+        ],
-
+    ],
-const job_links = [
+    [
+        "Job Links",
+        [
             {
                 name: "LinkedIn",
                 link: "https://www.linkedin.com/",
@@ -47,9 +52,11 @@ const job_links = [
                 name: "Indeed",
                 link: "https://www.indeed.co.uk/",
             },
-];
+        ],
-
+    ],
-const learning_links = [
+    [
+        "Learning Links",
+        [
             {
                 name: "Leetcode",
                 link: "https://leetcode.com/",
@@ -58,9 +65,11 @@ const learning_links = [
                 name: "ISLP",
                 link: "https://hastie.su.domains/ISLP/ISLP_website.pdf.download.html",
             },
-];
+        ],
-
+    ],
-const social_links = [
+    [
+        "Social Links",
+        [
             {
                 name: "Outlook",
                 link: "https://outlook.live.com/",
@@ -73,9 +82,11 @@ const social_links = [
                 name: "Whatsapp",
                 link: "https://web.whatsapp.com/",
             },
-];
+        ],
-
+    ],
-const radio_links = [
+    [
+        "Radio links",
+        [
             {
                 name: "Radio Helsinki",
                 link: "https://www.radiohelsinki.fi/",
@@ -92,9 +103,11 @@ const radio_links = [
                 name: "Tīrkultūra",
                 link: "https://www.tirkultura.lv/",
             },
-];
+        ],
-
+    ],
-const hacking_links = [
+    [
+        "Hacking Links",
+        [
             {
                 name: "pwn.college",
                 link: "https://pwn.college/",
@@ -111,9 +124,11 @@ const hacking_links = [
                 name: "TryHackMe",
                 link: "https://tryhackme.com/",
             },
-];
+        ],
-
+    ],
-const chinese_links = [
+    [
+        "Chinese Links",
+        [
             {
                 name: "MDBG Chinese Dictionary",
                 link: "https://www.mdbg.net/chinese/dictionary",
@@ -134,9 +149,11 @@ const chinese_links = [
                 name: "Offbeat Mandarin",
                 link: "https://www.youtube.com/@OffbeatMandarin",
             },
-];
+        ],
-
+    ],
-const art_links = [
+    [
+        "Art links",
+        [
             {
                 name: "Frida Kahlo",
                 link: "https://www.fridakahlo.org/",
@@ -149,9 +166,11 @@ const art_links = [
                 name: "Neocities",
                 link: "https://neocities.org/",
             },
-];
+        ],
-
+    ],
-const vue_links = [
+    [
+        "Vue links",
+        [
             {
                 name: "Vue",
                 link: "https://vuejs.org/guide/introduction.html",
@@ -164,9 +183,11 @@ const vue_links = [
                 name: "Pinia",
                 link: "https://pinia.vuejs.org/introduction.html",
             },
-];
+        ],
-
+    ],
-const go_links = [
+    [
+        "Go links",
+        [
             {
                 name: "Golang",
                 link: "https://golang.org/doc/",
@@ -179,9 +200,11 @@ const go_links = [
                 name: "GORM",
                 link: "https://gorm.io/gen/index.html",
             },
-];
+        ],
-
+    ],
-const doc_links = [
+    [
+        "Doc links",
+        [
             {
                 name: "Rust",
                 link: "https://doc.rust-lang.org/stable/book/index.html",
@@ -194,9 +217,11 @@ const doc_links = [
                 name: "Python",
                 link: "https://docs.python.org/3/",
             },
-];
+        ],
-
+    ],
-const article_links = [
+    [
+        "Article links",
+        [
             {
                 name: "Go and GORM",
                 link: "https://medium.com/@chaewonkong/learn-go-understanding-and-implementing-foreign-keys-with-gorm-6d7608e1dbf6",
@@ -209,6 +234,8 @@ const article_links = [
                 name: "Websockets in GO",
                 link: "https://medium.com/@tanngontn/golang-gin-framework-with-normal-websocket-and-websocket-with-producer-is-rabbitmq-guide-93cad7d290f7",
             },
+        ],
+    ],
 ];
 </script>
 
@@ -216,20 +243,10 @@ const article_links = [
     <main class="center-content flex-col">
         <div class="background halftone" />
         <div class="a4page-portrait bdr-1 flex-col relative scroll-y gap">
-            <ToggleLinkTable title="Learning" :linkArr="learning_links" />
-            <ToggleLinkTable title="Radio" :linkArr="radio_links" />
-            <ToggleLinkTable title="Hacking" :linkArr="hacking_links" />
-            <ToggleLinkTable title="Chinese" :linkArr="chinese_links" />
-            <ToggleLinkTable title="Web Art" :linkArr="art_links" />
-            <ToggleLinkTable title="Go Docs" :linkArr="go_links" />
-            <ToggleLinkTable title="Vue Docs" :linkArr="vue_links" />
-            <ToggleLinkTable title="Job Apps" :linkArr="job_links" />
-            <ToggleLinkTable title="Social" :linkArr="social_links" />
-            <ToggleLinkTable title="Other Docs" :linkArr="doc_links" />
-            <ToggleLinkTable title="Fun Reading" :linkArr="reading_links" />
             <ToggleLinkTable
-                title="Helpful Articles"
+                v-for="link in links"
-                :linkArr="article_links"
+                :title="link[0]"
+                :linkArr="link[1]"
             />
         </div>
     </main>