move text-area options to codeMirror component

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

shell/components/CodeMirror.vue

@@ -21,6 +21,10 @@ export default {
       type:    Object,
       default: () => {}
     },
+    asTextArea: {
+      type:    Boolean,
+      default: false
+    }
   },
 
   data() {
@@ -58,6 +62,16 @@ export default {
 
       Object.assign(out, this.options);
 
+      if (this.asTextArea) {
+        Object.assign(out, {
+          lineNumbers:            false,
+          tabSize:                0,
+          lineWrapping:           true,
+          showMarkdownLineBreaks: true,
+          styleSelectedText:      true,
+        });
+      }
+
       return out;
     },
     markdownLineBreaks() {

shell/components/form/KeyValue.vue

@@ -253,14 +253,7 @@ export default {
 
     return {
       rows,
-      codeMirrorFocus:   {},
-      codeMirrorOptions: {
-        lineNumbers:            false,
-        tabSize:                0,
-        lineWrapping:           true,
-        showMarkdownLineBreaks: true,
-        styleSelectedText:      true,
-      },
+      codeMirrorFocus: {},
     };
   },
 
@@ -663,7 +656,7 @@ export default {
               ref="cm"
               :class="{['focus']: codeMirrorFocus[i]}"
               :value="row[valueName]"
-              :options="codeMirrorOptions"
+              :as-text-area="true"
               :mode="mode"
               @onInput="onInputMarkdownMultiline(i, $event)"
               @onFocus="onFocusMarkdownMultiline(i, $event)"