Merge Vue props with default values : <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>
