Why does the unknown action type error appear?

Question

Vue.js

Nuxt application
using axios and vuex
Trying to request a url but getting an error


vuex file news.js

import { NuxtAxiosInstance as $axios } from '@nuxtjs/axios'


export const state = () => ({
  news: []
})

export const actions = {
  async GET_NEWS_FROM_API ({commit}) {
    const news = await this.$axios.$get('http://icanhazip.com')
    commit('SET_NEWS_TO_STATE', news)
  }
}

export const mutations = {
  SET_NEWS_TO_STATE: (state, news) => {
    state.news = news;
    console.log(news)
  }
}

}

The component in which I call mapActions news.vue

import { mapActions } from 'vuex';

methods: {
    ...mapActions(['GET_NEWS_FROM_API']),
  },
  mounted() {
    this.GET_NEWS_FROM_API()
  },

Answer 1

You do not specify the full path to the action, in nuxte if you use this approach they are private and you must specify the full path.
This is how it should work:

...mapActions({GET_NEWS_FROM_API: 'news/GET_NEWS_FROM_API'}),