What code editor can be inserted into laravel?

Question

JavaScript

We need a code editor that can be inserted into Laravel less problematic.
Tried Brace , but all attempts are in vain
app.js

require('jquery');
require('./ace-editor');

window.Vue = require('vue');

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

//Vue.component('luaeditor', require('./ace-editor'));

const app = new Vue({
    el: '#app',
});

ace-editor.js - the actual code from example could not be found for more detailed documentation

require('brace/mode/javascript');
require('brace/theme/monokai');

var editor = ace.edit('javascript-editor');
editor.getSession().setMode('ace/mode/javascript');
editor.setTheme('ace/theme/monokai');
editor.setValue([
    '// JavaScript'
  , 'var a = 3;'
  , ''
  , '// below line has an error which is annotated'
  , 'var b ='
  ].join('\n')
);
editor.clearSelection();

At the output, the height is automatically 0, when the height is set, the background appears relative to the selected topic, and that's it, there is no text from SetValue and nothing can be written

Answer 1

https://github.surmon.me/vue-codemirror/ for example
In general, there is a collection of components

Answer 2

codemirror - perfect for Laravel, as well as for any backend, because it has nothing to do with it. There is even a vue version so you don't worry about anything at all