Tengo el error
Error in v-on handler (Promise/async): "TypeError: Cannot read properties of undefined (reading 'dispatch')"
cuando intento hacer el login comunicandome a una accion en vuex por medio de dispatch.

Asi tengo el archivo principal de Vue (main.js)

main.js

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    import Vue from 'vue';
    import DashboardPlugin from './plugins/dashboard-plugin';
    import App from './App.vue';

    // router setup
    import router from './routes/router';
    import store from './store';
    // plugin setup
    Vue.use(DashboardPlugin);

    /* eslint-disable no-new */
    new Vue({
      store,
      router,
      el: '#app',
      render: h => h(App),
    });


<!-- end snippet -->

el archivo que llama store es el siguiente
index.js
<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    import Vue from 'vue'
    import Vuex from 'vuex'
    import axios from 'axios' 
    axios.defaults.withCredentials = true;

    Vue.use(Vuex);
     
    const store = new Vuex.Store({
        state: {},
        mutations: {},
        actions: {
            async login(raw){
                await axios.get('http://localhost:8000/sanctum/csrf-cookie')
                await axios.post('http://localhost:8000/login',raw)
            }, 
          
        },
        modules: {}

    })

    export default store

<!-- end snippet -->
y el metodo de vue donde llamo a la accion login es este

login.vue
<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

      methods: {
      
      onSubmit() {


        this.$store.dispatch('login');

        }
     }

<!-- end snippet -->

Si desde el main.js yo llamo al dispatch `store.dispatch('login') si me esta funcionando
` pero desde el login me devuelve el error de la pregunta.