title: Display a default value in HTML select using Vue.js and Minimalect
body: <p>I'm using Vue.js with the Mininmalect HTML select plugin to display a list of countries by name and value (value being the 2 digit country code).</p>
  
  <p>I've got it to work when using the plugin to select a country. It's adds the value to the <code>selected</code> state.</p>
  
  <p>What I can't work out is how display a value/country when there is already one in state (i.e. from the database when the page loads).</p>
  
  <p>This is what I have:</p>
  
  <pre><code>&lt;template&gt;
      &lt;select name="country" v-model="country"&gt;
          &lt;option v-for="country in countries" value="{{ country.value }}"&gt;{{ country.label }}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          data() {
              return {
                  selected: 'GB',
                  countries: require('../utilities/countries.js'),
              }
          },
          ready() {
              var vm = this;
              $('select').minimalect({
                  onchange: function(value) {
                      vm.selected = value;
                  }
              });
          }
      };
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm struggling to get the <code>select</code> attribute to appear, i.e. <code>&lt;option value="GB" selected&gt;United Kingdom&lt;/option&gt;</code> so there is a default when the page is loaded.</p>