@afeefa/vue-app 0.0.102 → 0.0.104

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.102
+0.0.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/ARichTextArea.vue

@@ -113,6 +113,15 @@
       :editor="editor"
       :class="['a-rich-text-editor', {editorFocus}]"
     />
+    <v-text-field
+      v-show="false"
+      ref="input"
+      v-model="currentValueStripped"
+      :label="label"
+      :rules="validationRules"
+      v-bind="$attrs"
+      v-on="$listeners"
+    />
   </div>
 </template>
 
@@ -137,7 +146,7 @@ import { Color } from '@tiptap/extension-color'
 import Highlight from '@tiptap/extension-highlight'
 
 @Component({
-  props: ['value', 'validator', 'focus'],
+  props: ['value', 'validator', 'focus', 'label'],
   components: {
     EditorContent
   }
@@ -167,9 +176,6 @@ export default class ARichTextArea extends Vue {
   mounted () {
     this.editorFocus = !!this.focus
 
-    if (this.validator) {
-      this.$refs.input.validate(true)
-    }
 
     this.editor = new Editor({
       content: this.internalValue,
@@ -230,6 +236,12 @@ export default class ARichTextArea extends Vue {
     }
     return this.validator.getParams().max || false
   }
+
+  get currentValueStripped () {
+    if (this.editor) {
+      return this.editor.state.doc.textContent
+    }
+  }
 }
 </script>
 

package/src/components/form/fields/FormFieldRichTextArea.vue

@@ -2,6 +2,8 @@
   <a-rich-text-area
     v-model="model[name]"
     v-bind="$attrs"
+    :validator="validator"
+    :label="label"
     v-on="$listeners"
   >
     <template #buttons>