 ``` <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> ```