vuewrite 0.0.10 → 0.0.12

package/README.md

@@ -25,7 +25,7 @@ You can watch the demo [here](https://vuewrite.easix.ru)
 import { TextEditor, TextEditorRef } from 'vuewrite'
 
 const textEditorRef = shallowRef<TextEditorRef>()
-const modelValue = ref("")
+const modelValue = shallowRef("")
 
 const onKeyDown = (e: KeyboardEvent) => {
   if (!textEditorRef.value) return

package/dist/vuewrite.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { getCurrentScope, onScopeDispose, unref, watch, nextTick, reactive, computed, ref, defineComponent, getCurrentInstance, openBlock, createBlock, resolveDynamicComponent, createElementBlock, normalizeProps, mergeProps, h, useSlots, onMounted, Fragment, renderList, renderSlot, createCommentVNode } from "vue";
+import { getCurrentScope, onScopeDispose, unref, watch, nextTick, reactive, computed, ref, defineComponent, getCurrentInstance, openBlock, createBlock, resolveDynamicComponent, createElementBlock, normalizeProps, mergeProps, h, useSlots, isProxy, toRaw, onMounted, Fragment, renderList, renderSlot, createCommentVNode } from "vue";
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -348,6 +348,12 @@ class TextEditorStore {
     }
   }
   addNewLine() {
+    if (this.isCollapsed && this.selection.anchor.offset === 0) {
+      const index2 = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+      const block2 = { id: uid(), text: "", styles: [] };
+      this.blocks.splice(index2, 0, block2);
+      return;
+    }
     this.deleteSelected();
     if (!this.currentBlock)
       return;
@@ -538,7 +544,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const slot = computed(() => {
       if (!props.block.type)
-        return null;
+        return props.slots["default"] ?? null;
       return props.slots[props.block.type] ?? null;
     });
     const blockProps = {
@@ -694,6 +700,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const store = new TextEditorStore();
     let modelValue = "";
     watch(() => props.modelValue, (newValue) => {
+      if (isProxy(newValue) && toRaw(newValue) === modelValue)
+        return;
       if (newValue === void 0 || newValue === null || newValue === modelValue)
         return;
       if (!Array.isArray(newValue)) {
@@ -707,7 +715,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         for (let i = 0; i < newValue.length; i++) {
           store.blocks[i].text = newValue[i].text;
           store.blocks[i].type = newValue[i].type;
-          store.blocks[i].text = newValue[i].text;
+          store.blocks[i].styles = newValue[i].styles ?? [];
         }
       }
     }, { immediate: true });

package/package.json

@@ -2,7 +2,7 @@
   "name": "vuewrite",
   "description": "Rich Text Editor based on Vue3 reactivity",
   "private": false,
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "license": "MIT",
   "author": "den59k",