mirror of
https://github.com/misskey-dev/misskey
synced 2024-05-22 19:30:07 +02:00
30 lines
697 B
Vue
30 lines
697 B
Vue
<template>
|
|
<component :is="getComponent(block.type)" :key="block.id" :page="page" :block="block" :h="h"/>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { } from 'vue';
|
|
import * as Misskey from 'misskey-js';
|
|
import XText from './page.text.vue';
|
|
import XSection from './page.section.vue';
|
|
import XImage from './page.image.vue';
|
|
import XNote from './page.note.vue';
|
|
import { Block } from './block.type';
|
|
|
|
function getComponent(type: string) {
|
|
switch (type) {
|
|
case 'text': return XText;
|
|
case 'section': return XSection;
|
|
case 'image': return XImage;
|
|
case 'note': return XNote;
|
|
default: return null;
|
|
}
|
|
}
|
|
|
|
defineProps<{
|
|
block: Block,
|
|
h: number,
|
|
page: Misskey.entities.Page,
|
|
}>();
|
|
</script>
|