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>
|
|
|
|
);
|
|
|
|
},
|
|
|
|
});
|