app navigation cleanup

This commit is contained in:
2025-10-15 00:48:33 +02:00
parent 4177a23fb8
commit 196f2cde20

View File

@@ -17,25 +17,11 @@
</div> </div>
</NuxtLink> </NuxtLink>
</template> </template>
<template #content> <template #body>
<NuxtLink to="https://github.com/C9Glax/tranga" external no-prefetch><Icon name="i-lucide-github" />API</NuxtLink> <UNavigationMenu :items="items" orientation="vertical" variant="link" color="neutral" />
<NuxtLink to="https://github.com/C9Glax/tranga-website" external no-prefetch
><Icon name="i-lucide-github" />Website</NuxtLink
>
<NuxtLink :to="`${$config.public.openFetch.api.baseURL}swagger`" external no-prefetch
><Icon name="i-lucide-book-open" />Swagger</NuxtLink
>
</template> </template>
<template #default> <template #default>
<div class="flex text-dimmed gap-2"> <UNavigationMenu :items="items" orientation="horizontal" variant="link" color="neutral" />
<NuxtLink to="https://github.com/C9Glax/tranga" external no-prefetch><Icon name="i-lucide-github" />API</NuxtLink>
<NuxtLink to="https://github.com/C9Glax/tranga-website" external no-prefetch
><Icon name="i-lucide-github" />Website</NuxtLink
>
<NuxtLink :to="`${$config.public.openFetch.api.baseURL}swagger`" external no-prefetch
><Icon name="i-lucide-book-open" />Swagger</NuxtLink
>
</div>
</template> </template>
<template #right> <template #right>
<UButton icon="i-lucide-plus" to="/search" color="primary">Manga</UButton> <UButton icon="i-lucide-plus" to="/search" color="primary">Manga</UButton>
@@ -50,4 +36,13 @@
</UMain> </UMain>
</UApp> </UApp>
</template> </template>
<script setup lang="ts"></script>
<script setup lang="ts">
import type { NavigationMenuItem } from '#ui/components/NavigationMenu.vue';
const items = computed<NavigationMenuItem[]>(() => [
{ label: 'API', to: 'https://github.com/C9Glax/tranga', icon: 'i-lucide-github' },
{ label: 'Website', to: 'https://github.com/C9Glax/tranga/website', icon: 'i-lucide-github' },
{ label: 'Swagger', to: `${useRuntimeConfig().public.openFetch.api.baseURL}swagger`, icon: 'i-lucide-book-open' },
]);
</script>