<script setup>
import RouterTable from "@/components/util/RouterTable.vue";
import LinkTable from "@/components/util/LinkTable.vue";

const site_links = [
    { name: "CV", link: "/cv" },
    { name: "Bookmarks", link: "/bookmarks" },
    { name: "Notes", link: "/notes/Index.md" },
    { 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 flex-col justify-between">
        <div class="flex flex-col gap-1">
            <RouterTable :linkArr="site_links" />
        </div>
        <div class="flex flex-col gap-1">
            <LinkTable :linkArr="social_links" />
        </div>
    </div>
</template>
