Kristaps Fabians Geikins
f80a7189a0
* chore(fe2): upgrade to nuxt 3.8.2 * fix tailwind-theme build * readme update * removing storybook from fe2 :( * fix(fe2): codegen schema url resolution
31 lines
893 B
Vue
31 lines
893 B
Vue
<template>
|
|
<div class="shadow rounded-md p-1 flex flex-col justify-center cursor-pointer">
|
|
<div class="h-20 w-full">
|
|
<PreviewImage :preview-url="version.previewUrl" />
|
|
</div>
|
|
<div
|
|
v-tippy="createdAt"
|
|
class="bg-foundation-focus inline-block rounded-md px-2 text-xs font-bold truncate text-center py-1"
|
|
>
|
|
{{ timeAgoCreatedAt }}
|
|
<br />
|
|
{{ isNewest ? 'New' : 'Old' }} Version
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import dayjs from 'dayjs'
|
|
import type { ViewerModelVersionCardItemFragment } from '~~/lib/common/generated/gql/graphql'
|
|
|
|
const props = defineProps<{
|
|
version: ViewerModelVersionCardItemFragment
|
|
isNewest: boolean
|
|
}>()
|
|
|
|
const timeAgoCreatedAt = computed(() => dayjs(props.version.createdAt).from(dayjs()))
|
|
|
|
const createdAt = computed(() => {
|
|
return dayjs(props.version.createdAt).format('LLL')
|
|
})
|
|
</script>
|