22 lines
322 B
Vue
22 lines
322 B
Vue
|
<template>
|
||
|
|
<figure>
|
||
|
|
<img :alt="alt" :src="src" />
|
||
|
|
<figcaption><slot></slot></figcaption>
|
||
|
|
</figure>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
const props = defineProps<{
|
||
|
|
src: string;
|
||
|
|
alt?: string;
|
||
|
|
}>();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
figcaption {
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 1rem;
|
||
|
|
margin-bottom: 1rem;
|
||
|
|
}
|
||
|
|
</style>
|