title: How to set v-select value dynamically?
body: <p>My Vuetify <code>v-select</code> element looks this way:</p>
  
  <pre><code>&lt;v-select
     v-bind:items="languages"
     v-model="setLocale"
     label="Language:"
     auto prepend-icon="map"
     item-value="fetchedLocale"
     hide-details
     id="langSelect"
     &gt;
  </code></pre>
  
  <p>In <code>data</code> you can find:</p>
  
  <pre><code>data () {
    return {
      languages: [
        { shortCode: 'en', text: 'English' },
        { shortCode: 'pl', text: 'Polski' },
        { shortCode: 'es', text: 'Español' },
        { shortCode: 'pt', text: 'Portugues' }
      ],
      fetchedLocale: '',
      setLocale: null
    }
  }, (...)
  </code></pre>
  
  <p>After some processing, <code>fetchedLocale</code> gets value of some of <code>text</code> properties from the array above, e.g. "Portugues".</p>
  
  <p>Question: how to update the <code>v-select</code> so that it sets <code>fetchedLocale</code>'s value, like mentioned before "Portugues", when loading DOM elements, instead of setting default empty value?</p>