title: Vuetify v-select not showing :items
body: <p>I can't figure this out. I am using Vuetify to style my pages, and for some reason I can't get the data to show in my <code>v-select</code> select box. The data SHOULD be coming from the array <code>marketplaces</code>. I thought it might be a version issue, but I've upgraded everything and its still not working.. I can't get the friggin thing to show my data!</p>
  
  <p>Here is the page:</p>
  
  <pre><code>&lt;template&gt;
      &lt;v-container fluid grid-list-lg class="come_closer"&gt;
        &lt;v-layout row wrap&gt;
          &lt;v-flex xs12&gt;
            &lt;v-card class="lightpurple"&gt;
              &lt;v-card-title&gt;
                &lt;v-icon class="my_dark_purple_text"&gt;language&lt;/v-icon&gt;
                &lt;h1 class="title oswald my_dark_purple_text pl-2 pr-5"&gt;ENTER YOUR AMAZON CREDENTIALS BELOW&lt;/h1&gt;
              &lt;/v-card-title&gt;
  
           &lt;v-form ref="form" v-model="valid"&gt;   
              &lt;v-layout xs12 row wrap class="mx-auto"&gt;
                &lt;v-flex xs12&gt;
                  &lt;v-text-field
                    required
                    :error-messages="sellerIdErrors"
                    color="purple darken-3"
                    label="Amazon Seller Id"
                    v-model="seller_id"
                    prepend-icon="person"
                    @input="$v.seller_id.$touch()"
                    @blur="$v.seller_id.$touch()"
                  &gt;&lt;/v-text-field&gt;
                &lt;/v-flex&gt;
  
                &lt;v-flex xs12&gt;
                  &lt;v-select
                    required
                    :items="marketplaces"
                    label="Select your Amazon Marketplace"
                    :error-messages="marketplaceErrors"
                    v-model="selected_marketplace"
                    color="purple darken-3"
                    prepend-icon="map"
                    @input="$v.selected_marketplace.$touch()"
                    @blur="$v.selected_marketplace.$touch()"                  
                  &gt;&lt;/v-select&gt;
                &lt;/v-flex&gt;
  
                &lt;v-flex xs12&gt;
                  &lt;v-text-field
                    required
                    color="purple darken-3"
                    id="testing"
                    name="input-1"
                    label="Amazon Auth Token"
                    :error-messages="tokenErrors"
                    v-model="token"
                    prepend-icon="https"
                    @input="$v.token.$touch()"
                    @blur="$v.token.$touch()"                      
                  &gt;&lt;/v-text-field&gt;
                &lt;/v-flex&gt;
  
                &lt;v-layout row wrap class="text-xs-center mx-auto" v-if="show_cancel_button"&gt;
                  &lt;v-flex xs6&gt;
                    &lt;v-btn block large color="purple darken-3" dark @click="formCheckAndSend()"&gt;Update Your Credentials&lt;/v-btn&gt;
                  &lt;/v-flex&gt;
                  &lt;v-flex xs6&gt;
                    &lt;v-btn block outline large color="purple darken-3" dark @click="sendBackToSpeeds"&gt;Cancel&lt;/v-btn&gt;
                  &lt;/v-flex&gt;
                &lt;/v-layout&gt;
  
                &lt;v-layout row wrap class="text-xs-center mx-auto" v-else&gt;
                  &lt;v-flex xs12&gt;
                    &lt;v-btn block large color="purple darken-3" dark @click="formCheckAndSend()"&gt;Save Your Credentials&lt;/v-btn&gt;
                  &lt;/v-flex&gt;
                &lt;/v-layout&gt;  
  
                &lt;/v-layout&gt;
              &lt;/v-form&gt;
            &lt;/v-card&gt;
          &lt;/v-flex&gt;
  
          &lt;div class="text-xs-center"&gt;
            &lt;v-bottom-sheet inset v-model="error_sheet"&gt;
              &lt;v-card dark color="red darken-1"&gt;
                &lt;v-card-title&gt;
                  &lt;h1 v-if="credentials_bad" key="bad_creds" class="headline pb-2 oswald mx-auto"&gt;{{bad_credentials}}&lt;/h1&gt;
                  &lt;h1 v-if="credentials_bad" key="video" class="title oswald mx-auto"&gt;{{watch_video}}&lt;/h1&gt;
                &lt;/v-card-title&gt;
              &lt;/v-card&gt;  
            &lt;/v-bottom-sheet&gt;
          &lt;/div&gt;
  
        &lt;/v-layout&gt;
      &lt;/v-container&gt;
    &lt;/template&gt;
  &lt;script&gt;
  import {dataShare} from '../packs/application.js';
  import axios from 'axios';
  import { required } from 'vuelidate/lib/validators';
  
  export default {
    validations: {
        seller_id: { required },
        selected_marketplace: { required },
        token: { required },
        selected_zones: { required }
      },
    data: function() {
      return {
        show_cancel_button: true,
        credentials_bad: false,
        bad_credentials: "Oh no! Your Amazon credentials aren't right. Can you try again?",
        watch_video: "Make sure to watch our video in the top right hand corner",
        valid: true,
        error_sheet: false,
        seller_id: '',
        token: "",
        selected_zones: [],
        selected_marketplace: null,
        counter: 1,
        subtractor: 1,
        wrapCounter: 1,
        marketplaces:[
            { text: 'Australia', value: "A39IBJ37TRP1C6" },
            { text: 'Canada', value: "A2EUQ1WTGCTBG2" },
            { text: 'France', value: "A13V1IB3VIYZZH" },
            { text: 'Germany', value: "A1PA6795UKMFR9" },
            { text: 'Italy', value: "APJ6JRA9NG5V4" },
            { text: 'Mexico', value: "A1AM78C64UM0Y8" },
            { text: 'Spain', value: "A1RKKUPIHCS9HS" },
            { text: 'United Kingdom', value: "A1F83G8C2ARO7P" },
            { text: 'United States', value: "ATVPDKIKX0DER" },          
          ],
      };
    },
    created() {
      let self = this;
      axios.get("https://shopify-ship-refactor-trimakas.c9users.io/return_amazon_credentials").then(response =&gt; {
        this.seller_id = response.data.seller_id;
        if(this.seller_id == ""){
          this.show_cancel_button = false;
        }
        this.show_cancel_button;
        this.selected_marketplace = response.data.marketplace;      
        this.token = response.data.auth_token;
      });
    },
    computed: {
      sellerIdErrors() {
        const errors = []
        if (!this.$v.seller_id.$dirty) return errors
        !this.$v.seller_id.required &amp;&amp; errors.push('Please enter your Amazon Seller Id')
        return errors      
      },
      marketplaceErrors() {
        const errors = []
        if (!this.$v.selected_marketplace.$dirty) return errors
        !this.$v.selected_marketplace.required &amp;&amp; errors.push('Please select your Amazon Marketplace')
        return errors      
      },
      tokenErrors() {
        const errors = []
        if (!this.$v.token.$dirty) return errors
        !this.$v.token.required &amp;&amp; errors.push('Please enter your Amazon Auth Token')
        return errors      
      },
      zoneErrors() {
        const errors = []
        if (!this.$v.selected_zones.$dirty) return errors
        !this.$v.selected_zones.required &amp;&amp; errors.push('Please choose atleast one shipping zone to add this rate too')
        return errors      
      },      
    },
    methods: {
      formCheckAndSend () {
        if(this.$refs.form.validate()) {
          this.sendAmazonCreds();
        }
      },
      sendBackToSpeeds() {
        dataShare.$emit('whereToGo', "speeds");
      },
      removeCounter() {
        dataShare.$emit('removeComponent', this.subtractor);
      },
      addCounter() {
        this.counter++;
        dataShare.$emit('addComponent', this.counter);
        var allWraps = document.getElementsByClassName("application--wrap");
        var classToRemove = allWraps[this.wrapCounter];
        classToRemove.classList.remove("application--wrap");
        this.wrapCounter++;
      },
      sendAmazonCreds() {
        const AmazonCreds = {
          seller_id: this.seller_id,
          marketplace: this.selected_marketplace,
          auth_token: this.token,
        };
        let self = this;
        axios.post("https://shopify-ship-refactor-trimakas.c9users.io/amazon_credentials_check", AmazonCreds).then(response =&gt; {
          var creds_status = response.data.are_the_amazon_creds_good;
          if(creds_status == true){
            dataShare.$emit('whereToGo', "speeds");
            this.sendZones();
          }
          if(creds_status == false){
            self.error_sheet = true;
            self.credentials_bad = true;
          }
        });
      },
      sendZones() {
          const SelectedZones = {
            zone_info: this.selected_zones
          };
          axios.post("https://shopify-ship-refactor-trimakas.c9users.io/receive_zone_info", SelectedZones); 
      }
    }
  };  
  
  &lt;/script&gt;
  
  &lt;style&gt;
  
    .chip__content {
      background-color: #68007d !important;
      color: white !important;
    }
  
    .come_closer {
       margin-top: -15px !important; 
    }
  &lt;/style&gt;
  </code></pre>
  
  <p>And the above page is a component inside this page:</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-app&gt;
      &lt;credential_instructions class="no_background"&gt;&lt;/credential_instructions&gt;
      &lt;credential_details
        xs12
        class="no_background"
        id="amazon_credentials"
        v-for="(item, index) in components"
        :index="index"
        :key="'fourth' + index "
        &gt;
      &lt;/credential_details&gt;
    &lt;/v-app&gt;  
  &lt;/template&gt;
  
  &lt;script&gt;
  /*global top*/
  
  import {dataShare} from '../packs/application.js';
  import credential_instructions from '../components/credential_instructions.vue';
  import credential_details from '../components/credential_details.vue';
  import axios from 'axios';
  
  export default {
    data: function() {
      return {
        components: [1],
      };
    },
    components: {
      credential_instructions,
      credential_details
    },
    created() {
      dataShare.$on('addComponent', (data) =&gt; {
        this.components.push(data);
      });
      dataShare.$on('removeComponent', (data) =&gt; {
        this.components.pop();
      });
    },
    methods: {
      sendToBilling() {
        axios.post('https://new-ship-trimakas.c9users.io/create_billing_plan').then(response =&gt; {
          console.log(response.data);
          top.location.href = response.data.url_redirect;
        });
      }
    }
  };  
  
  &lt;/script&gt;
  
  &lt;style&gt;
  
  .dark-green-button {
    background-color: #43A047 !important;
  }
  
  .green-font {
    color: #43A047 !important;
  }
  
  .red-font {
    color: #E53935 !important;
  }
  
  .full-height .flex{
    display: flex !important; 
  }
  
  .full-height .flex &gt; .card{
   flex: 1 1 auto !important; 
  }
  
  
  .textfield-background-beige {
    background-color: #f7f1ec !important;
  }
  
  .theme--light .input-group input:disabled {
    color: rgba(0,0,0,.87) !important;
  }
  
  .lightbeige {
    background-color: #f1e7df !important;
  }
  
  .lightblue {
    background-color: #d9d6e1 !important;
  }
  
  .lightpurple {
    background-color: #e9daea !important;
  }
  
  .match-to-text-field {
    margin-left: -17px !important;
    height: 46px !important;
    margin-top: 2px !important;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>And then finally here is my <code>package.json</code></p>
  
  <pre><code>{
    "name": "shopify-ship-refactor",
    "version": "1.0.0",
    "description": "Complete Shopify shipping app refactor",
    "main": "index.js",
    "author": "Todd",
    "license": "MIT",
    "dependencies": {
      "@rails/webpacker": "3.5",
      "axios": "^0.18.0",
      "v-clipboard": "^2.0.1",
      "vue": "^2.5.16",
      "vue-loader": "^14.2.2",
      "vue-router": "^3.0.1",
      "vue-template-compiler": "^2.5.17",
      "vuelidate": "^0.7.4",
      "vuetify": "^1.0.19"
    },
    "devDependencies": {
      "webpack-dev-server": "2.11.2"
    }
  }
  </code></pre>
  
  <p>I'm not getting any errors, or warnings, its just the data that should populate in the select box is not. Any ideas?</p>