skillbox/client/src/components/FullscreenInfographic.vue

37 lines
786 B
Vue

<template>
<modal :fullscreen="true">
<component
:value="value"
:is="type"
/>
</modal>
</template>
<script>
import Modal from '@/components/Modal';
const InfogramBlock = () => import(/* webpackChunkName: "content-components" */'@/components/content-blocks/InfogramBlock');
const GeniallyBlock = () => import(/* webpackChunkName: "content-components" */'@/components/content-blocks/GeniallyBlock');
export default {
components: {
Modal,
InfogramBlock,
GeniallyBlock
},
computed: {
id() {
return this.$store.state.infographic.id;
},
type() {
return this.$store.state.infographic.type;
},
value() {
return {
id: this.id
};
}
}
};
</script>