Lightling
c1c1977c24
if explicitly null (title set to blank or the phrase null in YAML), it will set untitled; variants will be amended with title and description from parent if they are undefined on the variant
33 lines
720 B
Vue
33 lines
720 B
Vue
<script setup lang="ts">
|
|
import { computed, defineEmits, defineProps } from 'vue'
|
|
|
|
import type { GalleryEntry } from 'src/types/galleries/galleryList'
|
|
import { getTitleFromEntryOrId } from 'src/utilities/galleries'
|
|
|
|
const props = defineProps<{
|
|
entry: GalleryEntry,
|
|
id: string,
|
|
}>()
|
|
|
|
defineEmits<{
|
|
(e: 'click', value: { event: Event, id: string }): void
|
|
}>()
|
|
|
|
const title = computed(() => getTitleFromEntryOrId(props.entry, props.id))
|
|
</script>
|
|
|
|
<template lang="pug">
|
|
.gallery-embed(
|
|
@click='$emit("click", { event: $event, id })'
|
|
)
|
|
.image-wrapper
|
|
img(
|
|
:src='entry.thumbnailUrl || entry.url'
|
|
:alt='entry.description || id'
|
|
)
|
|
p {{ title }}
|
|
</template>
|
|
|
|
<style scoped lang="sass">
|
|
|
|
</style>
|