mirror of
https://github.com/BillyOutlast/drop.git
synced 2026-02-04 00:31:17 +01:00
63ac2b8ffc
* feat: nginx + torrential basics & services system * fix: lint + i18n * fix: update torrential to remove openssl * feat: add torrential to Docker build * feat: move to self hosted runner * fix: move off self-hosted runner * fix: update nginx.conf * feat: torrential cache invalidation * fix: update torrential for cache invalidation * feat: integrity check task * fix: lint * feat: move to version ids * fix: client fixes and client-side checks * feat: new depot apis and version id fixes * feat: update torrential * feat: droplet bump and remove unsafe update functions * fix: lint * feat: v4 featureset: emulators, multi-launch commands * fix: lint * fix: mobile ui for game editor * feat: launch options * fix: lint * fix: remove axios, use $fetch * feat: metadata and task api improvements * feat: task actions * fix: slight styling issue * feat: fix style and lints * feat: totp backend routes * feat: oidc groups * fix: update drop-base * feat: creation of passkeys & totp * feat: totp signin * feat: webauthn mfa/signin * feat: launch selecting ui * fix: manually running tasks * feat: update add company game modal to use new SelectorGame * feat: executor selector * fix(docker): update rust to rust nightly for torrential build (#305) * feat: new version ui * feat: move package lookup to build time to allow for deno dev * fix: lint * feat: localisation cleanup * feat: apply localisation cleanup * feat: potential i18n refactor logic * feat: remove args from commands * fix: lint * fix: lockfile --------- Co-authored-by: Aden Lindsay <140392385+AdenMGB@users.noreply.github.com>
55 lines
1.5 KiB
Vue
55 lines
1.5 KiB
Vue
<template>
|
|
<div class="flex flex-col">
|
|
<div class="max-w-2xl">
|
|
<div class="flex items-center gap-x-3 mb-4">
|
|
<NuxtLink
|
|
to="/library"
|
|
class="transition text-sm/6 font-semibold text-zinc-400 hover:text-zinc-100 inline-flex gap-x-2 items-center duration-200 hover:scale-105"
|
|
>
|
|
<ArrowLeftIcon class="h-4 w-4" aria-hidden="true" />
|
|
{{ $t("library.back") }}
|
|
</NuxtLink>
|
|
</div>
|
|
<h2 class="text-2xl font-bold font-display text-zinc-100">
|
|
{{ collection?.name }}
|
|
</h2>
|
|
<p class="mt-2 text-zinc-400">
|
|
{{ $t("library.gameCount", collection?.entries?.length || 0) }}
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Games grid -->
|
|
<div
|
|
class="mt-4 flex flex-row gap-4 flex-wrap justify-center sm:justify-start"
|
|
>
|
|
<GamePanel
|
|
v-for="entry in collection?.entries"
|
|
:key="entry.gameId"
|
|
:game="entry.game"
|
|
:href="`/library/game/${entry.game.id}`"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ArrowLeftIcon } from "@heroicons/vue/20/solid";
|
|
|
|
const route = useRoute();
|
|
const collections = await useCollections();
|
|
const { t } = useI18n();
|
|
const collection = computed(() =>
|
|
collections.value.find((e) => e.id == route.params.id),
|
|
);
|
|
if (collection.value === undefined) {
|
|
throw createError({
|
|
statusCode: 404,
|
|
statusMessage: t("library.collection.notFound"),
|
|
});
|
|
}
|
|
|
|
useHead({
|
|
title: collection.value?.name || t("library.collection.title"),
|
|
});
|
|
</script>
|