schlechtenburg/packages/image/lib/display.tsx
2022-03-11 18:23:14 +01:00

36 lines
645 B
TypeScript

import { defineComponent, PropType } from 'vue';
import {
model,
SbBlock,
} from '@schlechtenburg/core';
import {
getDefaultData,
IImageData,
} from './util';
import './style.scss';
export default defineComponent({
name: 'sb-image-display',
model,
props: {
data: {
type: (null as unknown) as PropType<IImageData>,
default: getDefaultData,
},
},
setup(props) {
return () => <figure class="sb-image">
<img
class="sb-image__content"
src={props.data.src}
alt={props.data.alt}
/>
<SbBlock block={props.data.description} />
</figure>;
},
});