Error 'Unknown custom element: <vue-json-pretty>' about vue-json-pretty HOT 2 CLOSED

// App
const App = Vue.component('app', {
  render(create) {
    return create('div', [
      create('vue-json-pretty', {
        props: {                           
          data: { 
            key: 'value',
            first: 'Hello, World!',
          }
        }
      })
    ])
  }      
})

/**
 * HERE
 */
// Use    
// Vue.use(VueJsonPretty)
Vue.component('vue-json-pretty', VueJsonPretty.default)

      
// Instance
new Vue({        
  render(create) {
    return create(App)          
  }
}).$mount('#app')

// Use    
Vue.use(VueJsonPretty)

// Use    
// Vue.use(VueJsonPretty)
Vue.component('vue-json-pretty', VueJsonPretty.default) // Why 'default'?