title: Alpine JS: X-data async not initiating x-model
body: <p>Here is the case :</p>
  <p>the HTML:</p>
  <pre><code>&lt;form x-data=&quot;{cmpData:[]}&quot; x-init=&quot; cmpData = await cmpForm('myID')&quot;&gt;
  &lt;input  x-model=&quot;cmpData.myref&quot; name=&quot;myref&quot; type=&quot;text&quot;&gt;
  </code></pre>
  <p>the JS:</p>
  <pre><code>async function cmpForm(CMP) {
      let myData=[]
      myData= await DB.myDB.get(CMP);
      if(!myData){
          myData= {
              myref: CMP,
              somethingelse:'',
          }
      }
  
      return {
          cmpData:myData,
      }
  }
  </code></pre>
  <p>=&gt; no error but the input is not working = no x model</p>
  <p>but if i</p>
  <pre><code> &lt;input  x-model=&quot;cmpData.cmpData.myref&quot; name=&quot;myref&quot; type=&quot;text&quot;&gt;
  </code></pre>
  <p>the input work , but it triggers an error</p>
  <pre><code>Uncaught (in promise) TypeError: cmpData.cmpData is undefined
  </code></pre>
  <p>please, let me know what i miss !</p>
  <p>i just would like  : form is initialized with async function</p>
  <p>thank you</p>