The v-checkbox doesn't generate checkbox ID

[cappe]

Steps to reproduce

1. Create a v-checkbox with the following attributes:
   <v-checkbox id="checkbox-id" label="checkbox-label" v-model="checkbox" />

2. Inspect the generated HTML:

<div tabindex="0" role="checkbox" aria-checked="false" aria-label="checkbox-label" class="input-group checkbox input-group--selection-controls">
  <label for="checkbox-id">checkbox-label</label>
  <div class="input-group__input">
    <i class="material-icons icon icon--selection-control" style="transform-origin: center top 0px;">check_box_outline_blank</i>
    <div class="input-group--selection-controls__ripple"></div>
  </div>
  <div class="input-group__details">
    <div class="input-group__messages"></div>
  </div>
</div>

3. The ID "checkbox-id" is in the label's for-attribute but not in the checkbox itself. In the case of Vuetify the ID should be in <div class="input-group--selection-controls__ripple"></div> since if it is clicked via code ($('.input-group--selection-controls__ripple').click()), the checkbox gets checked/unchecked.

Versions

Tested with the following versions:
Vue: 2.4.2 and 2.4.4
Vuetify: 0.16.1 and 0.16.5

What is expected ?

The label's for-attribute should target the actual checkbox element, or in the case of Vuetify, the element that looks like a checkbox. This would allow:

• doing checkbox clicks programmatically (by clicking the checkbox rather than the label)
• using browser automated testing tools such as Nightwatch.js. to target the checkboxes directly rather than using some shady selectors.

What is actually happening ?

The checkbox ID doesn't get generated anywhere, rendering the label's for-attribute useless.

Reproduction Link

Codepen