Tengo un problema de recarga de página.
Cuando guardo en Vscode, funciona correctamente en mi página html, pero cuando actualizo la página, mis datos no están definidos.
Los datos en la tienda funcionan bien, sin embargo, es solo en el perfil de vista que no funciona solo después de recargar mi página.
Si tienes alguna sugerencia, soy un tomador, ya no sé qué hacer.

 views/Profil: <div class="input-group mb-3"> <span class="input-group-text" id="form-lastName">Nom :</span> <input type="text" class="form-control" aria-label="Username" v-model="lastName" ref="string" /> </div> <div class="input-group mb-3"> <span class="input-group-text" id="form-firstName">Prénom :</span> <input type="text" class="form-control" aria-label="Username" v-model="firstName" ref="string" /> </div> ---------- export default { name: "ProfilC", data: function () { return { lastName: "", firstName: "", selectedFile: "", }; }, components: { NavbarC, }, mounted: function () { this.lastName = this.$store.state.userInfos.user_lastName; this.firstName = this.$store.state.userInfos.user_firstName; ---------- sotre/index.js const store = createStore({ state: { status: '', user: user, userInfos: { nom: '', prenom: '', email: '', image: '', }, dataArticles: [], dataComments: [], articleInfos: { message: '', image: '', }, comments: [], }, mutations: { userInfos: function (state, userInfos) { state.userInfos = userInfos; }, },