при добавлении новой записи через vue.js вызывать axios непосредственно в методе определенного компонента или через vuex?

в vuex вызываю для получения всех записей из БД и сохранение в vuex для дальнейшего использования, а как насчет добавлении одной записи в БД

как правильней это вызывать прямо в компоненте или реализовать это в vuex и импортировать в компонент mapActions и вызывать этот Actions?
        methods:{
          addProduct()
            axios({
                method: 'post',
                url: window.location.origin + '/api/v1/products/products',
            })
                .then(response => {
                  
                    console.log(response)
                })
                .catch(error => {
                    console.error(error)
                })
       }