@phyng/monaco-vue v0.0.3

monaco-vue

Monaco vue components

install

npm install @phyng/monaco-vue

or

yarn add @phyng/monaco-vue

example

<template>
  <MonacoRender v-model="value" class="a-editor-container"></MonacoRender>
</template>

<script>
import MonacoRender from '@phyng/monaco-vue/src/monaco-render.vue'

export default {
  components: {
    MonacoRender
  },
  data () {
    return {
      value: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.a-editor-container {
  height: calc(100vh - 60px);
}
</style>

options

<MonacoRender
  v-model="value"
  :configType="'javascript'" // set language
  :sourceUrl="'test.js'"  // use sourceUrl to keep state
  :editorOptions="{}"
  :modelOptions="{}"
></MonacoRender>