From 8de7933480c1e21cefbcaa81251d90977c0e9f53 Mon Sep 17 00:00:00 2001
From: Wiktor Sierocinski <wsieroci@Wiktors-MBP.lan>
Date: Mon, 6 Nov 2023 16:54:46 +0100
Subject: [PATCH] Improving OptionsBlock

---
 src/components/Block.vue               |  4 +++-
 src/components/blocks/OptionsBlock.vue | 13 ++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/Block.vue b/src/components/Block.vue
index 4a35372..a42afe0 100644
--- 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
index cc617c1..e177deb 100644
--- 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,6 +10,7 @@ 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: {
@@ -17,4 +18,14 @@ const props = defineProps({
     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>
\ No newline at end of file