Почему выдает ошибку [Vue warn]: Error in v-on handler: "TypeError: undefined is not an object (evaluating 'store.cart.push')?

Я пытаюсь передать данные в метод, но получаю ошбку [Vue warn]: Error in v-on handler: "TypeError: undefined is not an object (evaluating 'store.cart.push')"

<template>
                    <button v-on:click="addToCart()">
                        Добавить в корзину
                    </button>
</template>

<script>
export default {
    methods: {
        addToCart(){
            let product = {
                'id': this.id,
                'title': this.title,
                'price': this.price,
                'quantity': 1
            };
            this.$store.commit('addToCart', product);
        },
        
    }
}
</script>

import Vue from "vue";
import Vuex from "vuex";
import Axios from "axios";

Vue.use(Vuex);

export const store = new Vuex.Store({
    state: {
        products: null,
        cart: [],
        cartCount: 0,
    },
    getters: {
        PRODUCTS: state => {
            return state.products;
        }
    },
    mutations: {
        SET_PRODUCTS: (state, payload) => {
            state.products = payload;
        },
        ADD_PRODUCTS: (state, payload) => {
            state.products.push(payload);
        },
        addToCart(state, product){
            store.cart.push(product);

            state.cartCount ++;
        }
    },
    actions: {
        GET_PRODUCTS: async (context, payload) => {
            let {data} = await Axios.get('/api/products');
            context.commit('SET_PRODUCTS', data);
        },
    },

})