Estoy tratando de mostrar datos con vuex desde api usando store (vuex)

así que este es mi archivo store.js :

 import { createStore } from 'vuex' import countries from './module/countries' const store = createStore({ modules: { countries } }); export default store;

archivo de países.js

 import axios from "axios"; const state = { countries: [] }; const getters = { getCountries: () => { return state.countries; } }; const mutations = { setCountries(state, countries) { state.countries = countries; } }; const actions = { getCountries ({ commit }) { axios.get("https://localhost:44391/api/Pho/GetCountries").then(response => { commit('setCountries', response.data); }) } }; export default { namespaced: true, state, getters, mutations, actions };

y este es mi componente

 methods: { getCountries() { this.$store.dispatch('getCountries'); },

Cuando ejecuto la aplicación, aparece este error [vuex] unknown action type: getCountries