Error this.$store is undefined , POST request to API

Hello, I coded files allowing to send data to an API thanks to the POST method but when I run my program I have this error: TypeError: this. $ Store is undefined

I have no idea how to resolve this error at all. Can you help me please ?

              *************store-enregistrement.js :************

import { api } from ‘boot/axios’ //Importation d’axios

// State : données du magasin
const state = {

}

/*
Mutations : méthode qui manipulent les données
Les mutations ne peuvent pas être asynchrones !!!
*/
const mutations = {

}

/*
Actions : méthodes du magasin qui font appel aux mutations
Elles peuvent être asynchrones !
*/
const actions = {
enregistrerConfig ({ commit }, payload) { //Création d’une action
api.post(’/rpi/110’, payload) // Envoi d’une requête POST
.then(function (response) { //En cas de succès, affiche la réponse de l’API
console.log(‘CREATION OK’, response)
})
.catch(function (error) { //En cas d’échec affiche la réponse de l’API,
//stockée dans l’erreur JavaScript.
console.log(error.response) //—>pour accéder à la réponse d’une
//erreur : error.response
})
}
}

/*
Getters : retourne les données du magasin
Fonctionne comme les propriétés calculées
Sert à calculer, trier, filtrer ou formater les donneés
*/
const getters = {

}

/*
Exporte les constantes, variables du fichier
On pourra ainsi les récupérer, les importer dans un autre fichier JS.

namespace: true, ajoute un namespace à notre objet retourné.
*/
export default {
namespaced: true,
state,
mutations,
actions,
getters
}

        ************** page2.vue******************:

<template
<q-page

<center <div class="row" <div class="col" <div class="q-pa-md" <div class="q-gutter-md" style="max-width: 300px" <q-input outlined v-model="form.heure_jour_start" label="De" / </div </div </div
<div class="col"
<div class="q-pa-md"
<div class="q-gutter-md" style="max-width: 300px"
<q-input outlined v-model="form.heure_jour_end" label="A" /
</div
</div
</div
</div
</center

<q-btn color=“green” label=“Enregistrer en online” @click=“submitForm”/
</q-page
</template

<script.
import { mapActions } from ‘vuex’ // Importation de mapActions
export default {

name: ‘page2’,
data () {
return {
left: false,
right: false,
text3 : ‘’,
form: {
heure_jour_start: ‘’,
heure_jour_end: ‘’,

       }
       }
     },

methods: {
…mapActions(‘auth’, [‘enregistrerConfig’]), //Mappage de l’action
submitForm () {
this.enregistrerConfig(this.form) //Appel de l’action
}}
}

</script

              *****************Axios.js********************** 

import Vue from ‘vue’
import axios from ‘axios’

const api = axios.create({
baseURL: ‘http://172.31.6.112/api’,
timeout: 3000,
headers: {
Accept: ‘application/json’,
‘Content-Type’: ‘application/json’
}
})

Vue.prototype.$api = api

export { api }
//Vue.prototype.$axios = axios

The code provided is currently not properly formatted for this forum. In its current state it’s illegible which makes it hard for people to help you.

Please read the following guide about how to properly format code and then edit your topic accordingly.

Thanks!

^^
Not to mention the entire code is not in english. Which doesn’t help