title: Vue 3: How to update component props value correctly using composition api?
body: <p>I have like this component:</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;p&gt;Current coords: &lt;strong&gt;{{ coords }}&lt;/strong&gt;&lt;/p&gt;
      &lt;button type=&quot;button&quot; @click=&quot;updateCoords&quot;&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    props: {
      coords: {
        type: Array,
        required: true
      }
    },
    setup(props) {
      const updateCoords = () =&gt; {
        props.coords = [38.561785, -121.449756]
        // props.coords.value = [38.561785, -121.449756]
      }
      return { updateCoords }
    },
  }
  &lt;/script&gt;
  </code></pre>
  <p>I tried update prop <code>coords</code> value with <code>updateCoords</code> method but I get error message:</p>
  <blockquote>
  <p>Uncaught TypeError: Cannot set properties of undefined (setting
  'coords')</p>
  </blockquote>
  <p>How I can correctly update props value in my case?</p>