mirror of
https://github.com/Drop-OSS/drop.git
synced 2025-11-10 04:22:09 +10:00
8363de2eed
* feat: small library tweaks + company page * feat: new store view * fix: ci merge error * feat: add genres to store page * feat: sorting * feat: lock game/version imports while their tasks are running * feat: feature games * feat: tag based filtering * fix: make tags alphabetical * refactor: move a bunch of i18n to common * feat: add localizations for everything * fix: title description on panel * fix: feature carousel text * fix: i18n footer strings * feat: add tag page * fix: develop merge * feat: offline games support (don't error out if provider throws) * feat: tag management * feat: show library next to game import + small fixes * feat: most of the company and tag managers * feat: company text field editing * fix: small fixes + tsgo experiemental * feat: upload icon and banner * feat: store infinite scrolling and bulk import mode * fix: lint * fix: add drop-base to prettier ignore
25 lines
852 B
Vue
25 lines
852 B
Vue
<template>
|
|
<div class="flex flex-row items-center gap-x-2">
|
|
<img :src="game.icon" class="w-12 h-12 rounded-sm object-cover" />
|
|
<div class="flex flex-col items-left">
|
|
<h1 class="font-semibold font-display text-lg text-zinc-100">
|
|
{{ game.name }}
|
|
<span
|
|
v-if="game.sourceName"
|
|
class="inline-flex items-center rounded-md bg-blue-600/50 px-2 py-1 text-xs font-medium text-blue-400 ring-1 ring-inset ring-blue-700/10"
|
|
>{{ game.sourceName }}</span
|
|
>
|
|
</h1>
|
|
<p class="text-sm text-zinc-400">{{ game.description }}</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { GameMetadataSearchResult } from "~/server/internal/metadata/types";
|
|
|
|
const { game } = defineProps<{
|
|
game: Omit<GameMetadataSearchResult, "year"> & { sourceName?: string };
|
|
}>();
|
|
</script>
|