title: How to correctly import Axios in vue 3 after creating new project with CLI?
body: <p>I created a new project using:</p>
  <pre><code>vue create hello-world
  </code></pre>
  <p>Generating a new project that includes the <code>HelloWorld.vue</code>, <code>app.vue</code>, <code>main.js</code> (etc ...) files.</p>
  <p>Now I install Axios by following the docs <a href="https://www.npmjs.com/package/vue-axios" rel="noreferrer">Npm vue-axios</a>:</p>
  <pre><code>npm install --save axios vue-axios
  </code></pre>
  <p>I import Axios in the <code>main.js</code> file:</p>
  <pre class="lang-js prettyprint-override"><code>import Vue from 'vue'
  import axios from 'axios'
  import VueAxios from 'vue-axios'
  </code></pre>
  <p>And now I run into a problem that I don't understand. The <code>VueAxios</code> docs say you simply use it like so:</p>
  <pre class="lang-js prettyprint-override"><code>const app = Vue.createApp(...)
  app.use(VueAxios, axios)
  </code></pre>
  <p>But the way <code>app</code> is created in Vue 3 is different. I think this is where the problem comes from:</p>
  <pre class="lang-js prettyprint-override"><code>createApp(App).mount('#app')
  </code></pre>
  <p>So, how do I correctly import <em>axios</em>?</p>