Невозможно использовать редактор Ace в Vue-form-wizard

Question

Я пытаюсь использовать Ace Editor в vue-form-wizard . Ace editor отлично работает вне vue-form-wizard , но когда я помещаю свой код в vue-form-wizard , он не работает

<tab-content title="@lang('app.'.$question[0]->type)">
    <div id="codeEditor" class="codeEditor"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.2/ace.js"></script>
    <script>
         var aceCodeEditor = ace.edit("codeEditor");
         aceCodeEditor.setTheme("ace/theme/dracula");
         aceCodeEditor.session.setMode("ace/mode/php");
         aceCodeEditor.setValue(`abstract class Person {
             private $age = 20;
             abstract public function getAge();
         }`);
    </script>
</tab-content>