title: How to access data inside v-for and assign to autocomplete component?
body: <p>I am new to vue and I've been struggling over this for a while. I have an external json array of airline details which I have looped over to only display countries. I would like to assign the countries to an autocomplete search function.</p>
  
  <p>The autocomplete component i am using is <a href="https://vuejsexamples.com/simple-yet-feature-rich-autocomplete-component-for-vue-js/" rel="nofollow noreferrer">https://vuejsexamples.com/simple-yet-feature-rich-autocomplete-component-for-vue-js/</a> 
  I have modified it slightly to try and access the data with no luck.</p>
  
  <p>Attempted to use computed to access the data</p>
  
  <pre><code>&lt;vue-suggest
      :list="simpleSuggestionList"
      :filter-by-query="true"&gt;
    &lt;/vue-suggest&gt;
  
  &lt;div v-for="data in filteredMyJson" :key="data.id"&gt;
        &lt;div&gt; {{ data.country }} &lt;/div&gt;
  &lt;/div&gt;
  
  import json from '../data/airports.json'
  export default {
     data: function () {
      return {
        myJson: json,
      }
   },
  components: {
    VueSuggest
  },
  computed: {
    filteredMyJson: function () {
      var self = this
      return self.myJson 
    },
    suggestionList () {
      return this.data.country
    }
  },
  methods: {
    simpleSuggestionList () {
      return this.suggestionList
    }
   }
  }
  </code></pre>
  
  <p>Expected to show countries when begin typing, but instead returns nothing.</p>