19 lines
474 B
Vue
19 lines
474 B
Vue
<script setup lang="ts">
|
|
const props = withDefaults(defineProps<{ src: string; alt?: string }>(), {
|
|
alt: "",
|
|
});
|
|
|
|
const src = props.src;
|
|
const imgSrc =
|
|
src.startsWith("http://") || src.startsWith("https://")
|
|
? src
|
|
: `/images/posts/${src}`;
|
|
</script>
|
|
|
|
<template>
|
|
<figure class="flex flex-col items-center">
|
|
<img :src="imgSrc" class="drop-shadow-lg" :alt="alt" />
|
|
<figcaption class="text-center" v-if="alt">{{ alt }}</figcaption>
|
|
</figure>
|
|
</template>
|