[Vuejs]-Pass object as props on Vue

Vue.component('component', {
  props: {
    data: {
        type: Object,
        default: () => ({
          x: Number
        })
    }
  },
  template: '<div>Data: {{data.x}}</div>',
  mounted: function () {
    console.log(this.data)
  }
})

new Vue({
  el: '#example'
})

try this you use x but you never put default in it