title: trying to create a prototype to access my Api (Axios) globally in [vue.js 3] and I always get this error: "Cannot read properties of undefined"
body: <p>the error: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'get')</p>
  <p><strong>the main files</strong></p>
  <p><strong>the axios file</strong></p>
  <pre class="lang-js prettyprint-override"><code>import axios from &quot;axios&quot;;
  
  const token = &quot;eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOJQ......&quot;;
  
  export default axios.create({
    baseURL: &quot;https://api.themoviedb.org/3&quot;,
    headers: {
      authorization: `Bearer ${token}`,
    },
  });
  </code></pre>
  <p><strong>the main.js file</strong></p>
  <pre class="lang-js prettyprint-override"><code>import api from &quot;@/data/db&quot;;
  
  const app = createApp({});
  app.config.globalProperties.$http = api;
  </code></pre>
  <p><strong>the home file</strong></p>
  <pre class="lang-js prettyprint-override"><code>async mounted() {
      const response = await this.$http.get(&quot;/movie/550&quot;);
      console.log(response);
  },
  </code></pre>