title: multiple v-model in components
body: <p>is there any way to make this code simplier?</p>
  <pre><code>&lt;b-address 
      v-model:name=&quot;address.name&quot; 
      v-model:addressLine=&quot;address.addressLine&quot;
      v-model:streetNumber=&quot;address.streetNumber&quot; 
      v-model:town=&quot;address.town&quot; 
      v-model:country=&quot;address.country&quot;
      v-model:postcode=&quot;address.postcode&quot; 
      v-model:phoneNumber=&quot;address.phoneNumber&quot;
      v-model:homeAddress=&quot;address.homeAddress&quot; 
  /&gt;
  </code></pre>
  <p>it would be nice if some shorthand would exist, some like this:</p>
  <pre><code>&lt;b-address 
      v-model=&quot;address&quot; 
  /&gt;
  </code></pre>
  <p>then, since b-address is a component and address is an object, shorthand would be great!
  any ideas? Thank you</p>