Как использовать nuxtjs и axios?

Я пытаюсь изучить NuxtJs, я следил за документацией, но у меня возникли проблемы при использовании $axios или this.$axios. Я пытаюсь создать каталог сервисов, чтобы делать запросы к моему API, чтобы все было организовано и чисто. Сначала я настроил свой nuxt.config.js

modules: [
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios',
  ],

  // Axios module configuration (https://go.nuxtjs.dev/config-axios)
  axios: {
    baseURL: "http://localhost:8000/api/"
  },
  publicRuntimeConfig: {
    axios: {
      baseURL: 'http://localhost:8000/api/'
    }
  },

а затем я создал свой store файл articles.js

import articlesService from '~/services/articlesService'
export const state = () => ({
    indexArticles: [],
})
export const actions = {
  async fetchArticles ({ commit, dispatch }) {
    try {
      const response = await articlesService.fetchArticles()
      commit('fetchStart')
      commit('setArticles', response.data.results)
      commit('fetchEnd')
      this._vm.$q.loading.hide()
      return response
    } catch (error) {
      commit('setError', error)
      this._vm.$q.loading.hide()
    }
  },
}

и articlesServices.js файл:

function fetchIndexArticles () {
  return this.$axios.get('articleslist/index/')
}
export default {
  fetchIndexArticles
}

Я пробовал варианты:

function fetchIndexArticles ({$axios}) {
  return $axios.get('articleslist/index/')
}

Работает только один, но все мои запросы будут такими похожими и жестко запрограммированными:

import axios from 'axios'
function fetchIndexArticles () {
  return axios.get('http://localhost:8000/api/articleslist/index/')
}

Можете ли вы показать мне правильное использование axios of NuxtJs? Спасибо