From 7400fae11b9ff85da73581988c73860909c226d2 Mon Sep 17 00:00:00 2001
From: Huskydog9988 <39809509+Huskydog9988@users.noreply.github.com>
Date: Mon, 7 Apr 2025 16:11:56 -0400
Subject: [PATCH] fix: use nuxtlink instaed of a tag

---
 components/UserFooter.vue   | 221 ++++++++++++++++++++----------------
 error.vue                   |  12 +-
 pages/admin/users/index.vue |   4 +-
 pages/auth/register.vue     |   6 +-
 pages/auth/signin.vue       |   6 +-
 5 files changed, 139 insertions(+), 110 deletions(-)

diff --git a/components/UserFooter.vue b/components/UserFooter.vue
index eec0b3b1..0d1631ee 100644
--- a/components/UserFooter.vue
+++ b/components/UserFooter.vue
@@ -1,103 +1,132 @@
 <template>
-    <footer class="bg-zinc-950" aria-labelledby="footer-heading">
-        <h2 id="footer-heading" class="sr-only">Footer</h2>
-        <div class="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8 ">
-            <div class="xl:grid xl:grid-cols-3 xl:gap-8">
-                <div class="space-y-8">
-                    <Wordmark class="h-10" />
-                    <p class="text-sm leading-6 text-zinc-300">An open-source game distribution platform built for
-                        speed, flexibility and beauty.</p>
-                    <div class="flex space-x-6">
-                        <a v-for="item in navigation.social" :key="item.name" :href="item.href" target="_blank"
-                            class="text-zinc-400 hover:text-zinc-400">
-                            <span class="sr-only">{{ item.name }}</span>
-                            <component :is="item.icon" class="h-6 w-6" aria-hidden="true" />
-                        </a>
-                    </div>
-                </div>
-                <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
-                    <div class="md:grid md:grid-cols-2 md:gap-8">
-                        <div>
-                            <h3 class="text-sm font-semibold leading-6 text-white">Games</h3>
-                            <ul role="list" class="mt-6 space-y-4">
-                                <li v-for="item in navigation.games" :key="item.name">
-                                    <a :href="item.href" class="text-sm leading-6 text-zinc-300 hover:text-white">{{
-                                        item.name }}</a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="mt-10 md:mt-0">
-                            <h3 class="text-sm font-semibold leading-6 text-white">Community</h3>
-                            <ul role="list" class="mt-6 space-y-4">
-                                <li v-for="item in navigation.community" :key="item.name">
-                                    <a :href="item.href" class="text-sm leading-6 text-zinc-300 hover:text-white">{{
-                                        item.name }}</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="md:grid md:grid-cols-2 md:gap-8">
-                        <div>
-                            <h3 class="text-sm font-semibold leading-6 text-white">Documentation</h3>
-                            <ul role="list" class="mt-6 space-y-4">
-                                <li v-for="item in navigation.documentation" :key="item.name">
-                                    <a :href="item.href" class="text-sm leading-6 text-zinc-300 hover:text-white">{{
-                                        item.name }}</a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="mt-10 md:mt-0">
-                            <h3 class="text-sm font-semibold leading-6 text-white">About</h3>
-                            <ul role="list" class="mt-6 space-y-4">
-                                <li v-for="item in navigation.about" :key="item.name">
-                                    <a :href="item.href" class="text-sm leading-6 text-zinc-300 hover:text-white">{{
-                                        item.name }}</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
+  <footer class="bg-zinc-950" aria-labelledby="footer-heading">
+    <h2 id="footer-heading" class="sr-only">Footer</h2>
+    <div class="mx-auto max-w-7xl px-6 py-16 sm:py-24 lg:px-8">
+      <div class="xl:grid xl:grid-cols-3 xl:gap-8">
+        <div class="space-y-8">
+          <Wordmark class="h-10" />
+          <p class="text-sm leading-6 text-zinc-300">
+            An open-source game distribution platform built for speed,
+            flexibility and beauty.
+          </p>
+          <div class="flex space-x-6">
+            <NuxtLink
+              v-for="item in navigation.social"
+              :key="item.name"
+              :to="item.href"
+              target="_blank"
+              class="text-zinc-400 hover:text-zinc-400"
+            >
+              <span class="sr-only">{{ item.name }}</span>
+              <component :is="item.icon" class="h-6 w-6" aria-hidden="true" />
+            </NuxtLink>
+          </div>
         </div>
-    </footer>
+        <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
+          <div class="md:grid md:grid-cols-2 md:gap-8">
+            <div>
+              <h3 class="text-sm font-semibold leading-6 text-white">Games</h3>
+              <ul role="list" class="mt-6 space-y-4">
+                <li v-for="item in navigation.games" :key="item.name">
+                  <NuxtLink
+                    :to="item.href"
+                    class="text-sm leading-6 text-zinc-300 hover:text-white"
+                    >{{ item.name }}</NuxtLink
+                  >
+                </li>
+              </ul>
+            </div>
+            <div class="mt-10 md:mt-0">
+              <h3 class="text-sm font-semibold leading-6 text-white">
+                Community
+              </h3>
+              <ul role="list" class="mt-6 space-y-4">
+                <li v-for="item in navigation.community" :key="item.name">
+                  <NuxtLink
+                    :to="item.href"
+                    class="text-sm leading-6 text-zinc-300 hover:text-white"
+                    >{{ item.name }}</NuxtLink
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="md:grid md:grid-cols-2 md:gap-8">
+            <div>
+              <h3 class="text-sm font-semibold leading-6 text-white">
+                Documentation
+              </h3>
+              <ul role="list" class="mt-6 space-y-4">
+                <li v-for="item in navigation.documentation" :key="item.name">
+                  <NuxtLink
+                    :to="item.href"
+                    class="text-sm leading-6 text-zinc-300 hover:text-white"
+                    >{{ item.name }}</NuxtLink
+                  >
+                </li>
+              </ul>
+            </div>
+            <div class="mt-10 md:mt-0">
+              <h3 class="text-sm font-semibold leading-6 text-white">About</h3>
+              <ul role="list" class="mt-6 space-y-4">
+                <li v-for="item in navigation.about" :key="item.name">
+                  <NuxtLink
+                    :to="item.href"
+                    class="text-sm leading-6 text-zinc-300 hover:text-white"
+                    >{{ item.name }}</NuxtLink
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
 </template>
 
 <script setup lang="ts">
-import { IconsDiscordLogo, IconsGithubLogo } from '#components';
+import { IconsDiscordLogo, IconsGithubLogo } from "#components";
 
 const navigation = {
-    games: [
-        { name: 'Newly Added', href: '#' },
-        { name: 'New Releases', href: '#' },
-        { name: 'Top Sellers', href: '#' },
-        { name: 'Find a Game', href: '#' },
-    ],
-    community: [
-        { name: 'Friends', href: '#' },
-        { name: 'Groups', href: '#' },
-        { name: 'Servers', href: '#' },
-    ],
-    documentation: [
-        { name: 'API', href: 'https://api.droposs.org/' },
-        { name: 'Server Docs', href: 'https://wiki.droposs.org/guides/quickstart.html' },
-        { name: 'Client Docs', href: 'https://wiki.droposs.org/guides/client.html' },
-    ],
-    about: [
-        { name: 'About Drop', href: 'https://droposs.org/' },
-        { name: 'Features', href: 'https://droposs.org/features' },
-        { name: 'FAQ', href: 'https://droposs.org/faq' },
-    ],
-    social: [
-        {
-            name: 'GitHub',
-            href: 'https://github.com/Drop-OSS',
-            icon: IconsGithubLogo,
-        },
-        {
-            name: "Discord",
-            href: "https://discord.gg/NHx46XKJWA",
-            icon: IconsDiscordLogo
-        }
-    ],
-}
-</script>
\ No newline at end of file
+  games: [
+    { name: "Newly Added", href: "#" },
+    { name: "New Releases", href: "#" },
+    { name: "Top Sellers", href: "#" },
+    { name: "Find a Game", href: "#" },
+  ],
+  community: [
+    { name: "Friends", href: "#" },
+    { name: "Groups", href: "#" },
+    { name: "Servers", href: "#" },
+  ],
+  documentation: [
+    { name: "API", href: "https://api.droposs.org/" },
+    {
+      name: "Server Docs",
+      href: "https://wiki.droposs.org/guides/quickstart.html",
+    },
+    {
+      name: "Client Docs",
+      href: "https://wiki.droposs.org/guides/client.html",
+    },
+  ],
+  about: [
+    { name: "About Drop", href: "https://droposs.org/" },
+    { name: "Features", href: "https://droposs.org/features" },
+    { name: "FAQ", href: "https://droposs.org/faq" },
+  ],
+  social: [
+    {
+      name: "GitHub",
+      href: "https://github.com/Drop-OSS",
+      icon: IconsGithubLogo,
+    },
+    {
+      name: "Discord",
+      href: "https://discord.gg/NHx46XKJWA",
+      icon: IconsDiscordLogo,
+    },
+  ],
+};
+</script>
diff --git a/error.vue b/error.vue
index 8bb349ea..1463d6ae 100644
--- a/error.vue
+++ b/error.vue
@@ -63,11 +63,11 @@ if (import.meta.client) {
         </p>
         <div class="mt-10">
           <!-- full app reload to fix errors -->
-          <a
+          <NuxtLink
             v-if="user && !showSignIn"
-            href="/"
+            to="/"
             class="text-sm font-semibold leading-7 text-blue-600"
-            ><span aria-hidden="true">&larr;</span> Back to home</a
+            ><span aria-hidden="true">&larr;</span> Back to home</NuxtLink
           >
           <button
             v-else
@@ -92,9 +92,9 @@ if (import.meta.client) {
           >
             <circle cx="1" cy="1" r="1" />
           </svg>
-          <a href="https://discord.gg/NHx46XKJWA" target="_blank"
-            >Support Discord</a
-          >
+          <NuxtLink to="https://discord.gg/NHx46XKJWA" target="_blank">
+            Support Discord
+          </NuxtLink>
         </nav>
       </div>
     </footer>
diff --git a/pages/admin/users/index.vue b/pages/admin/users/index.vue
index 25a2cfc3..dbef2516 100644
--- a/pages/admin/users/index.vue
+++ b/pages/admin/users/index.vue
@@ -81,10 +81,10 @@
                   class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-3"
                 >
                   <!--
-                  <a href="#" class="text-blue-600 hover:text-blue-500"
+                  <NuxtLink to="#" class="text-blue-600 hover:text-blue-500"
                     >Edit<span class="sr-only"
                       >, {{ user.displayName }}</span
-                    ></a
+                    ></NuxtLink
                   >
                   -->
                 </td>
diff --git a/pages/auth/register.vue b/pages/auth/register.vue
index 13165359..7b0759cc 100644
--- a/pages/auth/register.vue
+++ b/pages/auth/register.vue
@@ -175,11 +175,11 @@
       <p v-if="false" class="mt-10 text-center text-sm text-zinc-400">
         What's Drop?
         {{ " " }}
-        <a
-          href="https://github.com/Drop-OSS/drop"
+        <NuxtLink
+          to="https://github.com/Drop-OSS/drop"
           target="_blank"
           class="font-semibold leading-6 text-blue-600 hover:text-blue-500"
-          >Check us out here &rarr;</a
+          >Check us out here &rarr;</NuxtLink
         >
       </p>
     </div>
diff --git a/pages/auth/signin.vue b/pages/auth/signin.vue
index db49c1d0..5dbe9389 100644
--- a/pages/auth/signin.vue
+++ b/pages/auth/signin.vue
@@ -74,10 +74,10 @@
                 </div>
 
                 <div class="text-sm leading-6">
-                  <a
-                    href="#"
+                  <NuxtLink
+                    to="#"
                     class="font-semibold text-blue-600 hover:text-blue-500"
-                    >Forgot password?</a
+                    >Forgot password?</NuxtLink
                   >
                 </div>
               </div>