title: Vue 3 composition Api: V-For loop not accessing data
body: <p>I have this template</p>
  <p>My issue is that <code>location.drawnfeatures</code> in template is not updating for some reason
  I can see I have the right data from <code>console.log</code> and I tested without <code>'v-for'</code> and the code works</p>
  <p>if I put <code>v-if=&quot;location.drawnFeatures.length&quot;</code> I get error saying length is not defined..</p>
  <p>I tried adding <code>.value</code> about everywhere</p>
  <p>Why is vue3 not accessing data ?</p>
  <pre><code>&lt;ol-feature v-for=&quot;(feature, index) in location.drawnfeatures&quot; :key=&quot;'feature'+uid+index&quot;&gt;
    &lt;ol-geom-point :coordinates=&quot;feature.coordinates&quot;&gt;&lt;/ol-geom-point&gt;
  </code></pre>
  <p>location is defined like this:</p>
  <pre><code>props:{
   locationData:Object,
  },
  setup(props){
    const location = ref({
      center:[0, 0],
      zoom:5,
      coordinates:null,
      rotation: 0,
      name:null,
      title:null,
    })
  
   onMounted(() =&gt; {
    location.value = props.locationData &amp;&amp; props.locationData.location ? props.locationData.location : location.value
    console.log(location.value)
   });
  }
  </code></pre>
  <p>I also tried declaring prop in <code>setup()</code></p>
  <p><code>const locationData = toRef(props)</code></p>
  <p>if I do <code>console.log(locationData.value)</code> I get undefined</p>
  <p>but this is not working either</p>