import Vue from 'vue'
import VueJsonEditors from 'vue-json-editors'
 
// you can set default global options and events when use
Vue.use(VueJsonEditors, /* { 
  options: { theme: 'rubyblue', lineNumbers:true, ... },
  events: ['scroll', ...]
} */)

<template>
  <div>
    <vue-json-editor v-model="json" :options="options"/>
  </div>
</template>
 
<script>
  export default {
    name: 'home',
    data() {
      return {
        json: '{}',
        options: {
          //theme:'rubyblue',        //default
          //lineNumbers:true,        //default
          mode: 'application/json',
          readOnly: true
        },
      }
    },
  }
</script>