Improving OptionsBlock

simulaiofficial · Nov 6, 2023 · 8de7933 · 8de7933
1 parent 8d2bedf
commit 8de7933
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/Block.vue b/src/components/Block.vue
@@ -157,7 +157,9 @@ function keyDownHandler(event: KeyboardEvent) {
     const selection = window.getSelection()
     if (!(menu.value && menu.value.open) && atFirstChar() && selection && selection.anchorOffset === 0) {
       event.preventDefault()
-      emit('merge')
+      if (isTextBlock(props.block.type)) {
+        emit('merge')
+      }
     }
   } else if (event.key === 'Enter') {
     entersPressed.value += 1

diff --git a/src/components/blocks/OptionsBlock.vue b/src/components/blocks/OptionsBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <Editor
+  <Editor ref="content"
     v-model="props.block.details.value"
     class="py-1.5 border-l-3 border-black border-solid px-3"
   />
@@ -10,11 +10,22 @@ import { PropType } from "vue";
 import { Block } from "@/utils/types"
 import { markdownToHtml } from '@/utils/utils'
 import Editor from "../elements/Editor.vue"
+import { ref } from 'vue'
 
 const props = defineProps({
   block: {
     type: Object as PropType<Block>,
     required: true,
   }
 });
+
+const content = ref<Editor>()
+
+function onSet () {
+  props.block.details.value = `<ul data-type=\"taskList\"><li data-checked=\"true\" data-type=\"taskItem\"><label><input type=\"checkbox\" checked=\"checked\"><span></span></label><div><p>${props.block.details.value}</p><p></p></div></li></ul>`
+}
+
+defineExpose({
+  onSet,
+})
 </script>