matt-oconnell/vue-monaco-editor

Hello, I followed the tutorial and found the error, error and code as follows.

wutaoAquarius opened this issue · 0 comments

image

<template>
  <div class="hello">
    <monaco-editor height="300" width="1200" language="javascript" :code="code"
     :editorOptions="options" @mounted="onMounted"
      @codeChange="onCodeChange">
    </monaco-editor>
  </div>
</template>
<script>
import { MonacoEditor } from "vue-monaco-editor";

export default {
  name: "HelloWorld",
  components: {
    "monaco-editor": MonacoEditor
  },
  data() {
    return {
      msg: "Welcome to Your Vue.js App",
      code: 'const str = "hello world";\n// Type away! \n',
      options: {
        selectOnLineNumbers: false
      }
    };
  },
  methods: {
    onMounted(val) {
      console.log(val);
    },
    onCodeChange(val) {
      console.log(val);
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>