title: How do I clear a reactive array in Vue3 using composition?
body: <p>I have the following in my project...</p>
  <pre><code>const basicRecords = reactive([]);
  </code></pre>
  <p>It basically just houses an array of objects. I want to be able to refresh this array, that would require me to remove all of the records and add them back. To do this I have done the following...</p>
  <pre><code>basicRecords.splice(0);
  basicRecords.push(...recordResult.data);
  </code></pre>
  <p>This seems to work but also seems super hacky.</p>
  <p>What is the proper way to reset a reactive array in Vue3?</p>