title: Vuetify v-select issue
body: <p>i am trying to assign items to my v-select dropdown but i keep getting the message <code>no data available</code>, i have an array of objects. i am using the template slot but not sure what I'm doing wrong.</p>
  
  <p>I have made a codepen for demonstration: <a href="https://codepen.io/anon/pen/LKmZKZ?editors=1011" rel="nofollow noreferrer">https://codepen.io/anon/pen/LKmZKZ?editors=1011</a></p>
  
  <pre><code>  &lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
     &lt;v-container&gt;
       &lt;v-layout&gt;
        &lt;v-flex xs4&gt;
        &lt;v-select :items="items" label="people"&gt;
          &lt;template slot="selection-item" slot-scope="item"&gt;
            &lt;v-icon :color="item.icon_color"&gt;{{item.icon}}&lt;/v-icon&gt;
            {{item.name}}
            &lt;/template&gt;
           &lt;/v-select&gt;
        &lt;/v-flex&gt;
       &lt;/v-layout&gt;
     &lt;/v-container&gt;
    &lt;/v-app&gt;
   &lt;/div&gt;
  
  
  new Vue({
    el: '#app',
    data() {
     return {
    items: [
      {name: 'Karen', icon : 'search', icon_color: 'red'},
      {name: 'Gordon', icon : 'person', icon_color: 'yellow'},
      {name: 'Craig', icon : 'opacity', icon_color: 'blue'},
      {name: 'Chris', icon : 'pets', icon_color: 'orange'},
       ]
     }
    }
   })
  </code></pre>
  
  <p>Thank you in advance guys.</p>