title: Cannot get v-simple-checkbox or v-checkbox to render the box itself
body: <p>I am following the documentation's example for <a href="https://vuetifyjs.com/en/components/data-tables/#simple-checkbox" rel="nofollow noreferrer">creating a data table with a checkbox in one column</a>.</p>
  <p>While everything else is rendering fine, the checkbox itself will not show up.  The animations from clicking it show up, but not the box itself.  This is also the case with <code>v-checkbox</code> in the <code>New Item</code> modal/dialog.</p>
  <p>Here's an example of what I'm talking about:
  <a href="https://i.stack.imgur.com/t0Wj1.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t0Wj1.gif" alt="enter image description here" /></a></p>
  <p>I have tried manually specifying the Vuetify CDN in my <code>index.html</code>, but that had no effect.  Using developer tools, I've ensured that Vuetify's CSS is being loaded and applied to the page.</p>
  <p>Here's my simplified table component:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-data-table
      :headers=&quot;headers&quot;
      :items=&quot;workorders&quot;
      :items-per-page=&quot;5&quot;&gt;
      &lt;template v-slot:top&gt;
        &lt;v-toolbar
          flat
        &gt;
          &lt;v-toolbar-title&gt;Work Orders&lt;/v-toolbar-title&gt;
          &lt;v-spacer&gt;&lt;/v-spacer&gt;
          &lt;v-dialog
            v-model=&quot;dialog&quot;
            max-width=&quot;500px&quot;
          &gt;
            &lt;template v-slot:activator=&quot;{ on, attrs }&quot;&gt;
              &lt;v-btn
                color=&quot;primary&quot;
                dark
                class=&quot;mb-2&quot;
                v-bind=&quot;attrs&quot;
                v-on=&quot;on&quot;
              &gt;
                New Item
              &lt;/v-btn&gt;
            &lt;/template&gt;
            &lt;v-card&gt;
  
              &lt;v-card-text&gt;
                &lt;v-container&gt;
                  &lt;v-row&gt;
                      &lt;v-checkbox
                        v-model=&quot;editedItem.sameAsCustomerAddress&quot;
                        label=&quot;Same as Customer Address?&quot;
                        @click=&quot;editedItem.sameAsCustomerAddress = !editedItem.sameAsCustomerAddress&quot;
                      &gt;&lt;/v-checkbox&gt;
                    &lt;/v-col&gt;
                  &lt;/v-row&gt;
                &lt;/v-container&gt;
              &lt;/v-card-text&gt;
            &lt;/v-card&gt;
          &lt;/v-dialog&gt;
        &lt;/v-toolbar&gt;
      &lt;/template&gt;
      &lt;template v-slot:[`item.actions`]=&quot;{ item }&quot;&gt;
        &lt;v-icon
          small
          class=&quot;mr-2&quot;
          @click=&quot;editItem(item)&quot;
        &gt;
          mdi-pencil
        &lt;/v-icon&gt;
        &lt;v-icon
          small
          @click=&quot;deleteItem(item)&quot;
        &gt;
          mdi-delete
        &lt;/v-icon&gt;
      &lt;/template&gt;
       &lt;template v-slot:[`item.status`]=&quot;{ item }&quot;&gt;
         &lt;v-chip
         :color=&quot;getStatus(item.status).color&quot;
         dark&gt;
         {{ getStatus(item.status).status }}
         &lt;/v-chip&gt;
       &lt;/template&gt;
       &lt;template v-slot:[`item.hasPaid`]=&quot;{ item }&quot;&gt;
         &lt;v-simple-checkbox
         v-model=&quot;item.hasPaid&quot;&gt;
         &lt;/v-simple-checkbox&gt;
       &lt;/template&gt;
      &lt;/v-data-table&gt;
  </code></pre>