title: vue how set default props for nested object
body: <p>my props is like this</p>
  
  <pre><code>house = {
    kitchen:{
      sink: ''
    }
  }
  </code></pre>
  
  <p>I tried something like this, didnt work.</p>
  
  <pre><code>props: {
      house: {
          type: Object,
          default: () =&gt; {
              kitchen : {
                  sink: ''
              }
          }
      }
  },
  </code></pre>
  
  <p>How to set default props for such object?</p>