vuewrite 0.0.11 → 0.0.13

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.d.ts

@@ -43,7 +43,9 @@ export declare type Block = {
     editable?: boolean;
 };
 
-export declare type Decorator = (style: Style) => HTMLAttributes | undefined;
+export declare type Decorator = (style: Style) => HTMLAttributes & {
+    tag?: string;
+} | undefined;
 
 declare type HistoryAction = {
     type: "insertText" | "setText";

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);
@@ -553,12 +553,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const renderBlockPart = (text, styles) => {
       if (!props.decorator)
         return text;
+      let elementTag = "span";
       const attrs = {};
       for (let style of styles) {
         const partProps = props.decorator(style);
         if (!partProps)
           continue;
-        const { class: _class, style: _style, ...otherProps } = partProps;
+        const { class: _class, style: _style, tag, ...otherProps } = partProps;
         Object.assign(attrs, otherProps);
         if (_class) {
           attrs.class = attrs.class ? attrs.class + " " + _class : _class;
@@ -566,10 +567,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         if (_style) {
           attrs.style = attrs.style ? attrs.style + " " + _style : _style;
         }
+        if (tag) {
+          elementTag = tag;
+        }
       }
       if (Object.keys(attrs).length === 0)
         return text;
-      return h("span", attrs, text);
+      return h(elementTag, attrs, text);
     };
     const instance = getCurrentInstance();
     const getRef = () => {
@@ -700,6 +704,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)) {

package/package.json

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