title: Render a Vue app using a promise, and await user input
body: <p>I have a design question, I currently have a logic heavy JS script, which I have written as various promises and created a structure as the below:</p>
  
  <pre><code>init()
      .then(result =&gt; doSomethingA(result)) 
      .then(result =&gt; doSomethingB(result))
      .then(result =&gt; loadVueApp(result))
  </code></pre>
  
  <p>Now the <code>loadVueApp()</code> function calls does the following:</p>
  
  <pre><code>new Vue({
    el : '#app',
    render : h =&gt; h(App)
  });
  </code></pre>
  
  <p>Which renders my Vue app, and then the user can interact with the app, go to various screens, make selections which I store in a global <code>EventBus</code> type component.</p>
  
  <p>Now my question is, how should I pass the users choices back to my tower of promises? Should I be doing that at all?</p>
  
  <p>I could resolve the <code>loadVueApp</code> right away based on simply the app appearing and then later make a function call back to the logic heavy script - but this does not feel as clean.</p>
  
  <p>Any ideas?</p>
  
  <p>Thanks in advance.</p>