schlechtenburg/src/components/internal/BlockPlaceholder.tsx

24 lines
532 B
TypeScript
Raw Normal View History

2020-05-20 14:21:08 +00:00
import { defineComponent } from '@vue/composition-api';
2020-05-24 20:00:14 +00:00
import { BlockDefinition } from '../TreeElement';
import BlockPicker from './BlockPicker';
2020-05-20 14:21:08 +00:00
import './BlockPlaceholder.scss';
export default defineComponent({
name: 'sb-block-placeholder',
render() {
return (
<div class="sb-block-placeholder">
2020-05-24 20:00:14 +00:00
<BlockPicker
2020-05-20 14:21:08 +00:00
{...{
on: {
2020-05-24 20:00:14 +00:00
'picked-block': (block: BlockDefinition) => this.$emit('insert-block', block),
2020-05-20 14:21:08 +00:00
},
}}
2020-05-24 20:00:14 +00:00
/>
2020-05-20 14:21:08 +00:00
</div>
);
},
});