title: Store reactive (ref) value in pinia
body: <p>I have a reactive value, which I want to store in a pinia store.</p>
  <pre class="lang-js prettyprint-override"><code>const data = ref({});
  async function loadData() {
    fetch(&quot;...&quot;)
      .then((res) =&gt; res.json())
      .then((json) =&gt; (data.value = json));
  }
  loadData();
  
  const myDataStore = useMyDataStore();
  const { myData } = storeToRefs(myDataStore);
  
  // Here I want to store data in the store, reactively
  myData.value = data.value;
  </code></pre>
  <p>But when I do this, the reactivity is lost. How do you store the value in the store, so that <code>myData</code> is updated every time <code>data</code> is updated?</p>