MonacoEditor 配置

<template>
  <div class="monaco-container">
    <div ref="container"
         class="monaco-editor"></div>
  </div>
</template>

<script>
import * as monaco from "monaco-editor";
export default {
  name: "MonacoEditor",
  props: {
    // 编辑器中呈现的内容
    codes: {
      type: String,
      default: function () {
        return "Test";
      }
    },
    readOnly: {
      type: Boolean,
      default: function () {
        return false;
      }
    },
    language: {
      type: String,
      default: function () {
        return "html";
      }
    },
    // 主要配置
    editorOptions: {
      type: Object,
      default: function () {
        return {
          selectOnLineNumbers: true,
          roundedSelection: false,
          // readOnly: this.readOnly, // 只读
          cursorStyle: "line", // 光标样式
          automaticLayout: false, // 自动布局