title: How to use vue-axios in Vue3 Composition API?
body: <p>I'm using <code>express</code> with NodeJS for running the APIs
  For Authentication I'm using the below package</p>
  <pre><code>const session = require('client-sessions');
  
  app.use(session({
  cookieName: 'session',
  secret: process.env.COOKIE_SECRET,
  duration: 30 * 60 * 1000 * 30,
  activeDuration: 60 * 60 * 1000 * 30
  }));
  </code></pre>
  <p>I'm using express
  I have imported <code>axios</code> and <code>VueAxios</code> in my <code>main.js</code> file with the below code:</p>
  <pre><code>import { createApp } from 'vue'
  import App from './App.vue'
  import './assets/style.css'
  import router from './router'
  import axios from 'axios';
  import VueAxios from 'vue-axios';
  
  const app = createApp(App)
  app.use(VueAxios, axios, router)
  app.provide('axios', axios)
  app.provide('VueAxios', VueAxios)
  app.mount('#app')
  </code></pre>
  <p>Here is the code in my Component Javascript Block</p>
  <pre><code>import { onBeforeMount, onMounted, ref, inject } from &quot;vue&quot;;
  
  setup() {
  
      const axios = inject('axios');
      const VueAxios = inject('VueAxios');
  
      onMounted(async ()=&gt; {
           
          VueAxios.axios.get(...... // I get this error - Cannot read property 'get' of undefined
  
          VueAxios.get(...... // I get this error - VueAxios.get is not a function
  
                      
          axios.get(......  // this works, but how do I use VueAxios for passing session payload? 
      })
  
  
  }
  </code></pre>