title: Passing data to createApp (vue)
body: <p>Using Webpack, I have this code:</p>
  <pre><code>    import { createApp } from 'vue'
      import Vue from 'vue'
      import App from './components/ItemSearch/ItemSearch.vue'
      
      createApp(App).mount('#search-app')
  </code></pre>
  <p>On my website, I have a page for the search app that contains the <code>&lt;div id=&quot;search-app&quot; /&gt;</code> to mount the root of the application to.</p>
  <p>What I would like to know is, whether it's possible to somehow insert (preferably) <strong>some</strong> of the data from the page that includes the javascript file? There are a few things items I would like to include from the database, such as settings and search categories, and I'd like to avoid making an AJAX request for them if it can be helped.</p>
  <p>Can it be helped or is there some way I can include this data inline at load time?</p>
  <p>With Webpack, I don't quite understand how I can get access to App from the page that loads the javascript file, so that I can modify <code>data</code> before somehow passing it in to <code>createApp()</code>, or if it's even possible. Can I use <code>import</code> statements on a page that's loaded by the browser, or is this stictly a Webpack only (or similar) feature?</p>
  <p>Many thanks in advance.</p>