forked from didirus/AstralRinth
2aabcf36ee
* refactor: migrate to common eslint+prettier configs * fix: prettier frontend * feat: config changes * fix: lint issues * fix: lint * fix: type imports * fix: cyclical import issue * fix: lockfile * fix: missing dep * fix: switch to tabs * fix: continue switch to tabs * fix: rustfmt parity * fix: moderation lint issue * fix: lint issues * fix: ui intl * fix: lint issues * Revert "fix: rustfmt parity" This reverts commit cb99d2376c321d813d4b7fc7e2a213bb30a54711. * feat: revert last rs
63 lines
1.6 KiB
Vue
63 lines
1.6 KiB
Vue
<template>
|
|
<div class="static w-full grid-cols-1 md:relative md:flex">
|
|
<div class="static h-full flex-col pb-4 md:flex md:pb-0 md:pr-4">
|
|
<div class="z-10 flex select-none flex-col gap-2 rounded-2xl bg-bg-raised p-4 md:w-[16rem]">
|
|
<div
|
|
v-for="link in navLinks.filter((x) => x.shown === undefined || x.shown)"
|
|
:key="link.label"
|
|
>
|
|
<NuxtLink
|
|
:to="link.href"
|
|
class="flex items-center gap-2 rounded-xl p-2 hover:bg-button-bg"
|
|
:class="{ 'bg-button-bg text-contrast': route.path === link.href }"
|
|
>
|
|
<div class="flex items-center gap-2 font-bold">
|
|
<component :is="link.icon" class="size-6" />
|
|
{{ link.label }}
|
|
</div>
|
|
|
|
<div class="flex-grow" />
|
|
<RightArrowIcon v-if="link.external" class="size-4" />
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-full w-full">
|
|
<NuxtPage
|
|
:route="route"
|
|
:server="server"
|
|
:backup-in-progress="backupInProgress"
|
|
@reinstall="onReinstall"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { RightArrowIcon } from '@modrinth/assets'
|
|
import type { RouteLocationNormalized } from 'vue-router'
|
|
|
|
import type { ModrinthServer } from '~/composables/servers/modrinth-servers.ts'
|
|
import type { BackupInProgressReason } from '~/pages/servers/manage/[id].vue'
|
|
|
|
const emit = defineEmits(['reinstall'])
|
|
|
|
defineProps<{
|
|
navLinks: {
|
|
label: string
|
|
href: string
|
|
icon: Component
|
|
external?: boolean
|
|
shown?: boolean
|
|
}[]
|
|
route: RouteLocationNormalized
|
|
server: ModrinthServer
|
|
backupInProgress?: BackupInProgressReason
|
|
}>()
|
|
|
|
const onReinstall = (...args: any[]) => {
|
|
emit('reinstall', ...args)
|
|
}
|
|
</script>
|