title: Merge Vue props with default values
body: <p>I have an options prop in my Vue component that has a default value.</p>
  
  <pre><code>export default {
    props: {
      options: {
        required: false,
        type: Object,
        default: () =&gt; ({
          someOption: false,
          someOtherOption: {
            a: true,
            b: false,
          },
        }),
      },
    },
  };
  </code></pre>
  
  <p>If the options object is passed as a prop to the component, the default value is replaced. For example, when passed <code>{ someOption: true }</code>, now the options object contains only that value.</p>
  
  <p>How can I pass a partial object and override the default values with the given values instead of replacing the whole object?</p>