added muted overlay for disabled editor

src/components/TiptapVuetify.vue

@@ -2,6 +2,9 @@
   <div
     v-if="editor"
     class="tiptap-vuetify-editor"
+    :class="{
+      'tiptap-vuetify-editor--disabled': $props[PROPS.DISABLED]
+    }"
   >
     <bubble
       v-if="availableActions.bubbleMenu.length && editor.options.editable"
@@ -40,6 +43,9 @@
         :editor="editor"
         :style="contentDynamicStyles"
         class="tiptap-vuetify-editor__content"
+        :class="{
+          'tiptap-vuetify-editor__content--disabled': $props[PROPS.DISABLED]
+        }"
       />
 
       <slot name="footer" />
@@ -283,6 +289,9 @@ export default class TiptapVuetify extends Vue {
       outline: none !important
       margin: 20px !important
 
+    &--disabled
+      cursor: not-allowed
+
   /* Элемент не обязательно содрежится в .tiptap-vuetify-editor, может использоваться для отображения результата
   редактора в не редактора */
   .tiptap-vuetify-editor__content
@@ -329,4 +338,18 @@ export default class TiptapVuetify extends Vue {
           pointer-events: none
           height: 0
           font-style: italic
+
+    &--disabled
+      // same color for disabled text as default light vuetify theme: vuetify/src/styles/settings/_light.scss#L30
+      color rgba(0, 0, 0, 0.38)
+      &:after
+        // same as background as for filled v-text-input: vuetify/src/styles/settings/_light.scss#L87
+        background-color: rgba(0, 0, 0, 0.06)
+        position: absolute
+        content: ''
+        top: 0
+        left: 0
+        right: 0
+        bottom: 0
+
 </style>