mirror of
https://github.com/Drop-OSS/drop.git
synced 2025-11-10 04:22:09 +10:00
fix: use nuxtlink instaed of a tag
This commit is contained in:
Huskydog9988
@ -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>
|
||||
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>
|
||||
|
||||
12
error.vue
12
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">←</span> Back to home</a
|
||||
><span aria-hidden="true">←</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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 →</a
|
||||
>Check us out here →</NuxtLink
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user