How to make a mutation after deleting an article in vuex?

Question

Vue.js

I get an article, delete it, after me it redirects to the list of all articles. The program works, but only after a redirect, the list of articles is not updated until I refresh the page (F5).
You need to do something with the mutation as I understand it.
mystore.js

... ... ...
const actions = {
    remove_post({ commit }, data) {
        axios.delete('http://localhost:8000/app/posts/' + data + '/')
        .then(response => {
            commit('REMOVE_POST', data)
            console.log('done!')
        })
    }
}
const mutations = {
    REMOVE_POST(state, data) {
        // state.posts = data не понимаю как здесь сделать мутацию
    }
}

my post.vue

import { mapGetters } from 'vuex'
export default {
    name: 'post',
    data() {
        return {
            
            }
    },
    methods: {
        deletePost() {
            this.$store.dispatch('remove_post', this.$route.params.id)
            this.$router.push({name: 'all_posts'})
        }
    },
    created() {
        this.$store.dispatch('get_post', this.$route.params.id)
    },
    computed: mapGetters({
        post: 'getPost'
    }),
    components: {
        Header
    }
                                                           
}
</script>

Answer 1

Either I do not understand something, or everything is too simple.
I assume that state.posts is an array of objects (posts), then you need to remove this post from the array, i.e. the banal
ps filter, I suspect that data is the id of the post.

state.posts = state.posts.filter(post => post.id !== data)