diff options
Diffstat (limited to 'app/assets/javascripts/pipeline_wizard/components/editor.vue')
-rw-r--r-- | app/assets/javascripts/pipeline_wizard/components/editor.vue | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/app/assets/javascripts/pipeline_wizard/components/editor.vue b/app/assets/javascripts/pipeline_wizard/components/editor.vue index 0c063241173..c08d825e6af 100644 --- a/app/assets/javascripts/pipeline_wizard/components/editor.vue +++ b/app/assets/javascripts/pipeline_wizard/components/editor.vue @@ -5,6 +5,7 @@ import { CONTENT_UPDATE_DEBOUNCE } from '~/editor/constants'; import SourceEditor from '~/editor/source_editor'; import { YamlEditorExtension } from '~/editor/extensions/source_editor_yaml_ext'; import { SourceEditorExtension } from '~/editor/extensions/source_editor_extension_base'; +import { markRaw } from '~/lib/utils/vue3compat/mark_raw'; export default { name: 'YamlEditor', @@ -43,11 +44,13 @@ export default { }, }, mounted() { - this.editor = new SourceEditor().createInstance({ - el: this.$el, - blobPath: this.filename, - language: 'yaml', - }); + this.editor = markRaw( + new SourceEditor().createInstance({ + el: this.$el, + blobPath: this.filename, + language: 'yaml', + }), + ); [, this.yamlEditorExtension] = this.editor.use([ { definition: SourceEditorExtension }, { |