title: Get Nuxt inject API alias outside *vue file
body: <p>As the way of injecting API and call API by nuxt alias like this post
  <a href="https://stackoverflow.com/questions/67718493/nuxtjs-manage-several-axios-instances">NuxtJS - manage several axios instances</a></p>
  <p>It is working well with Vue file or middleware.</p>
  <p>But since I create new folder in src is service for managing API, I can't call alias of API any more.</p>
  <pre><code>-src
   -plugins
    -api.js
   -services
    -user.js
  </code></pre>
  <p>in file <code>user.js</code>, I use alias to call API but it does not work (<code>$nuxt.$api</code>)</p>
  <p>user.js</p>
  <pre><code>export default {
    async getUser(payload) {
      return await $nuxt.$api.get('/user/', {
        headers: {
           Authorization: `Bearer ${payload}`
        }
      })
    }
  }
  </code></pre>
  <p>How can I solve my issue?</p>